添加类已经过验证，但未触发引导程序 4 验证

Question

我正在尝试利用 Bootstrap 4 的新验证功能，但当我提交时出现验证错误时，我无法显示弹出框。

我的表格是：

<form id="runModelForm" class="needs-validation" novalidate>
<div class="form-group row">
    <label for="errCurrent" class="col-sm-3 col-form-label">My label</label>
    <div class="col-sm-2">
        <input class="form-control form-control-sm run-model-numeric" id="errCurrent" value="0.11" required />
        <div class="invalid-tooltip">Required</div>
    </div>
    <div class="col-sm-7">
        <small class="form-text text-muted col-sm-12">Some text here</small>
    </div>
</div>
</form>

在我使用脚本标签引用的 javascript 文件中：

$(document).ready(function () {
  $("#runButton").click(function () {
    var form = $("#runModelForm");
    if (form[0].checkValidity() === false) {
        event.preventDefault();
        event.stopPropagation();
    }
    form.addClass('was-validated');
  });

如果重要的话，我正在使用引导程序 4.1.3。

Answer 1

现在唯一执行的验证是字段是否为空。如果清空输入，则会显示"必需"弹出窗口。