在不重新运行 jquery 验证的情况下检查表单是否有效

Question

使用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');
  }
});

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/jquery.validate.js"></script>

<form >
  <input type="text" name="Name" required /><br/>
  <input type="text" name="Email" required /><br/>
  <input type="submit" value="Submit"/>
</form>

我可以将它们保存到我的元素中invalid-form.validate，但是当表单有效时它不会更新，并且我的双击代码与我的自定义错误代码非常紧密地耦合在一起。如果我稍后取出自定义错误代码，我将不得不重写双击预防。

有任何想法吗？

Answer 1

您可以使用下面的代码来检查表单是否有效而不触发 UI

$('#formId').validate().checkForm()