jquery plugin de validation, spécifiez les règles

Question

J'ai trouvé le plugin jquery validation (http://plugins.jquery.com/project/validate) et j'ai pensé que ce serait un bon moyen de valider mes formulaires côté client. (Je fais aussi la validation côté serveur). Le plugin veut que je spécifie la règle de validation pour chaque champ de la balise de classe. J'utilise mon tag de classe pour styliser mes champs, puis-je spécifier la règle d'une autre manière?

Par exemple, c'est comment le plugin jquery veux que je écrive si je veux que le champ soit obligatoire:

<input type="text" id="MyText" class="required" /> 

Je voudrais vraiment préciser la règle dans une autre balise comme:

<input type="text" id="MyText" class="TextStyle" validation="required" /> 

Est-ce possible et si oui, comment?

Answer 1

Vous pouvez spécifier plusieurs classes pour les éléments qui les séparent d'un espace:

<input type="text" id="MyText" class="TextStyle required"/> 

Alors que vous avez à la fois le style et la validation.

Answer 2

à mon humble avis est est préférable de garder les règles de validation loin du HTML:

$('#someForm').validate({ 
    rules: { 
     MyText: { 
      required: true 
     } 
    }, 
    messages: { 
     MyText: { 
      required: 'Please fill the MyText field' 
     } 
    } 
}); 

et juste:

<input type="text" name="MyText" id="MyText" />