2010-03-17 3 views
3

Y a-t-il un moyen avec le JQueryValidation plugin de définir l'erreur de classe CSS d'entrée. Cette classe css est différente de la classe d'erreur css du label.JQueryValidation - Nom de la classe d'erreur d'entrée

Parce que si je mets: errorClass: "field-validation-error"

appliqués aux étiquettes et entrée. Je voudrais que l'entrée ait une classe css et une étiquette "input-validation-error" pour avoir une classe css "field-validation-error".

Répondre

4

Je ne vois aucune raison réelle de prendre en charge différents noms de classe pour l'élément d'erreur et le champ de saisie lui-même.

Il suffit d'utiliser les sélecteurs CSS-

label.field-validation-error { 
    ..whatever styling... 
} 
input.field-validation-error { 
    ..whatever styling... 
} 

De cette façon, les deux ont la même classe CSS appliquée, mais obtenir un style différent


Mais si vous pensez vraiment que vous besoin de ce que vous pouvez utiliser la highlight et unhighlight options du plugin de validation et de les câbler avec des fonctions. Ceux-ci peuvent ensuite appliquer les styles voulus à l'élément et à l'étiquette d'erreur. Dans le documentation est même un bon exemple de ce que vous devriez facilement pouvoir modifier à vos besoins

+0

La nécessité de prendre en charge différents noms de classe pour l'élément d'erreur et le champ de saisie proviennent de la structure que j'utilise (Asp.Net MVC 2) qui a généré automatiquement le nom de la classe d'erreur ... – Melursus

+0

Ok alors il suffit d'utiliser la deuxième approche que j'ai décrite – jitter

Questions connexes