Comment concentrer les champs invalides avec jQuery valider?

Question

Il est focusInvalid option, qui est - true par défaut. Mais il ne fonctionne que lorsque le formulaire de soumission. Si je valide le formulaire avec valid méthode, alors il ne fonctionne pas. Donc, la question est de savoir comment se concentrer champ non valide lors de l' valid est-il utilisé?

Veuillez voir cette démo pour voir la différence. Appuyez simplement sur les boutons là.

Answer 1

Avec invalidHandler vous pouvez définir le focus sur le premier élément qui échoue:

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

Answer 2

Tout d'abord, vous devez enregistrer votre validateur dans une variable afin de pouvoir l'utiliser dans le gestionnaire de clics:

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

Ensuite, dans le gestionnaire de validation, vous pouvez appeler manuellement la fonction focusInvalid partir de la variable validator :

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

        return false;
  });
 

Exemple