Question

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

<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>

文本字段具有与之关联的模式。当我单击提交时，如果有效是非法的，则浏览器将无法继续运行，并显示一个弹出窗口，告诉用户请匹配所请求的格式。永远不会使用无效的反馈消息。

我一直在使用各种标签来触发它，进行表单检查和进行表单分组，但是它们没有什么区别，也不清楚它们实际上在做什么。

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

您可以在https://jsfiddle.net/mauricev/a95vf0oq/2/

看到代码

尝试使无效反馈在引导程序中工作

0 个答案: