如何防止从jquery验证无效处理程序的滚动动画前跳转？

$(document).ready(function() {
  // 表单验证
  $('#myForm').validate({
    // 验证规则和错误提示信息
    rules: {
      // 表单字段的验证规则
      fieldName: {
        required: true,
        // 其他验证规则...
      },
      // 其他字段的验证规则...
    },
    messages: {
      // 表单字段的错误提示信息
      fieldName: {
        required: "请输入字段值",
        // 其他错误提示信息...
      },
      // 其他字段的错误提示信息...
    },
    submitHandler: function(form) {
      // 验证通过后执行的回调函数
      // 执行滚动动画
      $('html, body').animate({
        scrollTop: $("#targetElement").offset().top
      }, 1000, function() {
        // 滚动动画完成后手动提交表单
        form.submit();
      });
    }
  });
});