相关疑难解决方法(0)

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

使用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)

javascript validation jquery jquery-validate form-submit

4
推荐指数
1
解决办法
2万
查看次数