Bootstrap 4 试图在引导中获得无效的反馈

下面是一些表单代码，我想在引导中使用无效反馈类

<form class="needs-validation" action="submit_gene_entry.php" method="post">
  <div class="row">
    <div class="col-md-3 mb-3">
      <div class="form-group">
        <div class="form-check">
          <label for=chromosome_postvar>Chromosome</label>
          <input name=chromosome_postvar type=text pattern="[IVX]{1,3}" required class="form-control" placeholder="associated chromosome">
          <div class="invalid-feedback">
              Valid numbers for a chromosome designation are required.
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-3 mb-3">
        <button type=submit class="btn btn-primary">Accept Gene Entry</button>
    </div>
  </div>
</form>

染色体
染色体名称的有效编号是必需的。
接受基因输入

文本字段具有与其关联的模式。当我单击submit时，如果valid是非法的，浏览器将不会继续，它会弹出一个弹出窗口，告诉用户请匹配请求的格式。无效的反馈信息从未激活

我一直在玩各种各样的标签来触发它，表单检查和表单组，但是它们没有什么区别，也不清楚它们到底在做什么

有趣的是，如果我给受影响的字段一个标题，该标题会出现在拒绝消息中，因此就像浏览器单独进行拒绝一样，引导类被完全忽略

您可以在

处看到代码“如果有效数据非法”应改为“如果字段中输入的数据非法”。“如果有效数据非法”应改为“如果字段中输入的数据非法”。