Plugin de validation jQuery: appliquer une règle à tous les champs obligatoires

Question

J'utilise le plugin de validation jquery pour la validation. J'utilise une fonction javascript pour de nombreux formulaires, il est donc difficile de définir des règles pour tous les champs pour de nombreux formulaires.

Quel est le code si je veux appliquer une règle "required = true" pour tous les champs de texte ayant une classe "required".

Je suis en train d'essayer cela mais il n'applique cette règle que sur le premier champ. Rappelez-vous que je veux montrer des images au lieu d'un message texte d'erreur quand un champ n'est pas validé.

$(obj).find("input.required").rules("add", { 

    required: true, 
    minlength: 2, 

    messages: { 

     required : "<img id='exclamation' src='images/exclamation.gif' title='This field is required.' />", 
     minlength: "<img id='exclamation' src='images/exclamation.gif' title='At least 2 characters.' />" 

    } 
}); 

Answer 1

vous pouvez utiliser la fonction each:

$(obj).find("input.required").each(function(){ 
    $(this).rules("add", { 

     required: true, 
     minlength: 2, 

     messages: { 

       required : "<img id='exclamation' src='images/exclamation.gif' title='This field is required.' />", 
       minlength: "<img id='exclamation' src='images/exclamation.gif' title='At least 2 characters.' />" 

     } 
    }); 
});