Geçersiz alanlar jQuery validate ile nasıl odaklanır?

Question

Varsayılan olarak true olan focusInvalid seçeneği vardır. Ancak yalnızca form gönderimi gerçekleştiğinde çalışır. Formu, yöntemiyle doğrularsam, o zaman işe yaramıyor. Yani soru valid kullanıldığında geçersiz alan nasıl odaklanır?

farkı görmek this demo bakınız. Sadece düğmelerine basın.

Eğer tıklatma işleyicisi kullanabilirsiniz böylece bir değişkene sizin doğrulayıcı kaydetmeniz gerekir her şeyden

Answer 1

İlk:

var validator = $("#test-form").validate({ /* settings */ }); 

Sonra doğrulamak işleyicisinde, el validator değişkenden focusInvalid işlevini çağırabilirsiniz : ilk elem için invalidHandler ayarlayabileceğiniz odakladığınızda

$("#validate").click(function() { 
     if ($("#test-form").valid()) 
       alert("Valid!"); 
     else 
       validator.focusInvalid(); 

     return false; 
    }); 

Example

Answer 2

ent başarısız olur:

$("#form").validate({ 
    onfocusout: false, 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 
     if (errors) {      
      validator.errorList[0].element.focus(); 
     } 
    } 
});