引导程序4使用setCustomValidity填充.is-invalid

时间:2018-09-18 05:57:19

标签: jquery twitter-bootstrap bootstrap-4

在引导程序docs中指出:

  

您可以在JavaScript中使用setCustomValidity提供自定义有效性消息。

我读到这意味着在调用验证时,有效性消息将填充.is-invalid元素。

我的例子如下:

<script type="text/javascript">
    const myForm = $("#my-form").get()[0];
    const myInput = $("#my-input").get()[0];
    myInput.setCustomValidity("Error");
    myForm.checkValidity();
</script>
<form id="myform" novalidate>
    <div class="form-group">
        <label for="myInput" class="control-label">Input:</label>
        <input class="form-control" id="myInput">
        <span class="invalid-feedback"></span>
    </div>
</form>

我希望触发验证,并让消息填充“ .invalid-feedback”,但不会。

我想念什么吗?

0 个答案:

没有答案