当验证条件不满足时避免滚动顶部[重复]

Question

我正在将 jquery-steps 用于带有 manu 必填字段的长表单。我担心的是，每次条件失败时，页面都会滚动到顶部。

特别烦人的是“条款和条件”页面很长，如果用户不勾选“我同意”复选框，它必须到底部重试。

这是我的简单代码：

var form = $("#myform");
form.validate({
   errorPlacement: function errorPlacement(error, element) {
      if (element.attr("name") == "type") {
         error.appendTo($('#errorbox'));
      }
      else {
         element.before(error);
      }
   },
   rules: {
      cgu: {
         required: true
      }
   },
   messages: {
      cgu: {
         required: 'Vous devez accepter les C.G.U pour poursuivre'
      }
   },
   focusInvalid: true,
   onfocusout: function (element) {
      $(element).valid();
   },
});

即使使用“focusInvalid: true”，页面仍会滚动到顶部。

Answer 1

已使用此解决方法解决：

focusInvalid: false,
    invalidHandler: function(form, validator) {
       if (!validator.numberOfInvalids())
          return;
       $('html, body').animate({
          scrollTop: $(validator.errorList[0].element).offset().top
       }, 2000);
    },