使用jQuery Validate,是否有一种方法可以在不重新验证表单的情况下确定表单是否有效。
根据这个关于如何在使用 jQuery Unobtrusive Validation 时添加“submitHandler”函数的问题?,我正在侦听该invalid-form.validate
事件,以便在表单经过验证并出现错误时向用户显示自定义错误。
根据有关如何防止双击提交的问题,一旦提交表单,我将禁用提交按钮,但前提是表单有效,因此用户可以采取纠正措施并在表单清理后重新提交。
现在的问题是invalid-form.validate
火了两次。
由于invalid-form.validate
事件在我的表单提交处理程序之前触发,我已经知道错误的数量。该.valid()
方法是否会在某处保留错误数量,以便我可以针对该值进行检查,而不是重新验证表单。
这是堆栈片段中的一个示例。在填写必填字段之前点击提交,您将看到两条错误消息。
$("form").validate();
// show message on invalid submission
$("form").on("invalid-form.validate", function (event, validator) {
var errors = validator.numberOfInvalids();
if (errors) {
alert('There is a problem with ' + errors + ' fields.');
}
});
// prevent double click form submission
$('form').submit(function () {
if ($(this).valid()) {
$(':submit', this).attr('disabled', 'disabled');
}
});
Run Code Online (Sandbox Code Playgroud)
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> …
Run Code Online (Sandbox Code Playgroud)