Добавление класса было проверено, не вызывая проверку начальной загрузки 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, на который я ссылаюсь с помощью тега script, у меня есть:

$(document).ready(function () {

  $("#runButton").click(function () {
    var form = $("#runModelForm");
    if (form[0].checkValidity() === false) {

        event.preventDefault();
        event.stopPropagation();
    }

    form.addClass('was-validated');
  });

Я использую Bootstrap 4.1.3, если онвопросы.

Answer 1

Прямо сейчас единственная проверка выполняется, если поле пустое или нет.Всплывающее окно «Требуется» появляется, если вы не вводите данные.