jQueryを使用してエラーが発生したときにページの先頭に移動する方法Validate

Question

jQueryを使用しています。エラーが見つかったときに検証し、ページの上部に移動（またはスクロール）しようとしています。私は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"); 
     } 
    } 
})