在不重新运行jqueryvalidation的情况下检查表单是否有效
使用jQuery Validate ，有没有办法确定表单是否有效而不重新validation表单。
关于如何在使用jQuery Unobtrusive Validation时添加’submitHandler’函数的问题？ ，我正在监听invalid-form.validate事件，以便在表单经过validation并出现错误时向用户显示自定义错误。
根据这个关于如何防止双击提交的问题 ，我在提交表单后禁用提交按钮，但仅当表单有效时，用户才能采取纠正措施并在表单清理后重新提交。
现在问题是invalid-form.validate触发两次。
由于invalid-form.validate事件在我的表单提交处理程序之前触发，我已经知道错误的数量。 .valid()方法是否会保留我可以针对该值检查的错误数，而不是重新validation表单。
这是堆栈片段中的一个示例。 在填写必填字段之前点击提交，您将看到两条错误消息。
$("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'); } });
我可以将它们保存到我的invalid-form.validate的元素中，但是当表单有效时这不会更新，并且我的双击代码也非常依赖我的自定义错误代码。 如果我稍后取出自定义错误代码，我将不得不重写双击预防。
有任何想法吗？
您可以使用submitHandler而不是将额外的侦听器附加到表单提交：
当表单有效时，回调处理实际提交。
默认函数的行为如下：
submitHandler: function(form) { form.submit(); }
注意 ：
form指的是DOM元素，这样就不会再次触发validation。
只需将submitHandler传递给validate()并添加代码即可禁用按钮，如下所示：
$("form").validate({ submitHandler: function(form) { $(':submit', form).attr('disabled', 'disabled'); form.submit(); } });
请小心对submitHandler回调中的表单执行任何操作，因为它很容易触发无限递归的情况
这是Stack Snippets中的一个演示：
$("form").validate({ submitHandler: function(form) { $(':submit', form).attr('disabled', 'disabled'); form.submit(); } }); // 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.'); } });
您可以使用以下代码检查表单是否有效而不触发UI
$('#formId').validate().checkForm()