如何使用jQuery Validate移动到页面顶部

Question

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

我的脚本的简化版本如下,感谢您对此的任何帮助.

$(".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");
        }
    }
})