我正在使用jQuery Form Validator插件。
我有一个表单，其中标记了HTML5必需属性，如下所示：
<form role="form" id="the-form">
<input name="name" id="name" required>
</form>
我有jQuery验证就好了：
$("#the-form").validate();
然后，单击按钮会触发有效性检查，然后再进行其他操作：
//Request Button clicked
$("#request-btn").on("click", function() {
if ($('#the-form').valid()){
...everything good... move along
}
});
我的逻辑是工作得很完美。但是，既然我已经开始使用jQuery Validation Plugin，则不再通过浏览器运行验证警报。我仍然在研究它，但是我猜该插件具有自己的可以格式化的警报类。
是否有一个标志可强制jQuery允许本机浏览器警报弹出而不是其自身弹出？
新的jQuery验证通知打破了我在Chrome警报正常运行的屏幕上的表单布局。
编辑：发布此消息后，我正在检查警报，这就是现在插入的内容：
<label id="name-error" class="error" for="name">This field is required.</label>
据我所知，Chrome与Chrome在应用程序级别上一样。
第2次修改此应用程序特定于Chrome，因此我不担心跨浏览器和旧版浏览器的兼容性。我实际上想让Chrome担心在字段级别进行验证，而在继续之前只使用jQuery .valid（）来检查整个表单的有效性。
感谢adaam的回应，我能够使用checkValidity方法进行HTML5约束验证：
$('#request-btn').bind('click',function(){
if ($('#the-form')[0].checkValidity()) {
...do the magic stuff here... move along...
}
})
您可以只在
checkValidityjsfiddle.net/E6jhE/5中使用HTML5约束验证API方法，并完全不需要jQuery验证。（我<form>想如果您要检查每个阶段的有效性，尽管我可能会错了，但您正在使用单个标签来处理多页表单）– adaam 34分钟前
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句