jquery - 如何使用 jQuery Validate 在出现错误时移至页面顶部

Question

我正在使用 jQuery Validate，并在发现错误时尝试移动(或滚动)到页面顶部。我添加了 focusInvalid option停止关注有错误的字段，但无法弄清楚如何移动到页面顶部(在页面顶部，我的错误容器是可见的)。

下面是我的脚本的简化版本，感谢您对此的帮助。

$(".event-form").validate({
  errorContainer: ".error-container",
  errorLabelContainer: ".error-container ul",
  wrapper: "li",
  focusInvalid: false,
  ignore: "",
  rules: {
    title: { required: true }
  },
  messages: {
    title: "You must enter the title"
  }
});

Answer 1

$(".event-form").validate({
 errorContainer: ".error-container",
  errorLabelContainer: ".error-container ul",
  wrapper: "li",
  focusInvalid: false,
  ignore: "",
  rules: {
    title: { required: true }
  },
  messages: {
    title: "You must enter the title"
  },
    invalidHandler: function(form, validator) {
        var errors = validator.numberOfInvalids();
        if (errors) {
              $("html, body").animate({ scrollTop: 0 }, "fast");
        }
    }
})