jQuery Validate kullanılarak hata mesajının sayfanın üstüne taşınması

Question

jQuery Validate kullanıyorum ve bir hata bulunduğunda sayfanın üst kısmına taşımaya (veya kaydırmaya) çalışıyorum. Hatayla bir alana odaklanmayı durdurmak için focusInvalid option ekledim, ancak sayfanın üst kısmına nasıl taşınacağımı anlayamıyorum (sayfanın üst kısmında olduğu gibi, hata kapsayıcı görülebilir).

Komut dosyamın basitleştirilmiş bir sürümü aşağıdadır ve bununla ilgili herhangi bir yardım için teşekkürler.

bir tedavi çalıştı

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