在 Bootstrap 文档中,它指出:
您可以使用JavaScript中的setCustomValidity提供自定义有效性消息。
我认为这意味着当调用验证时,validity消息将填充.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”,但事实并非如此。
我错过了什么吗?
1条答案
按热度按时间fxnxkyjh1#
我不知道我是否很好地理解你想要什么,但我按照以下逻辑做了:
setCustomValidity
中指定的消息函数将出现,如果它是肯定的,该表单将被发送
在脚本执行过程中,代码中的许多问题都是由于无法读取为获取
form
和input
而创建的变量。此外,您的脚本不包含在验证为
false
时停止事件的方法。