如何在jquery验证器插件中触发错误事件

Question

我有运行jquery验证器,页面很长,所以我希望页面向上滚动到顶部,因为我在表单上方的页面顶部显示错误,是否有人知道我可以在哪里放置动画的代码所以当表单有错误时它会触发？

Answer 1

您可以根据需要使用该invalidHandler选项,如下所示:

$("form").validate({
  rules: { ... rules here ... }
  invalidHandler: function(form, validator) {
    $('html, body').animate({scrollTop: '0px'}, 300);      
  }
});

Answer 2

与@Nick建议相同,但在插件初始化后使用:

$("form").bind("invalid-form.validate", function() {

});

它与插件初始化时内部发生的情况相同.来源.