2009-08-18 7 views
0

Je joue avec le grand bassiste jQuery Validator et suis coincé à un point L'idée est simple: j'ai beaucoup de ce balisage (je semplify, mais l'idée est que, après chacun, il pourrait être quelque chose d'autre, à savoir un mot, une icône, etc ... qui est « en ligne » avec le correspondant):aider avec les messages d'erreur de positionnement personnalisé

<ol> 
<li><input type="text" id="width" size="3"></input> px</li> 
<li><input type="text" id="height" size="3"></input> px</li> 
<li><input type="text" id="thumb" size="3"></input> px</li> 
</ol> 

Eh bien, les « forces » Validator les messages d'erreur apparaissent juste après la, je obtenir quelque chose comme:

[entrée] "insérer un nombre ici" px

[entrée] "insérer un numéro ici" px

[entrée] "insérer un numéro ici" px

En d'autres termes, les messages d'erreur "split" l'écoulement naturel de la ligne

le mieux serait de mettre le message d'erreur sur une ligne après l'élément + suivant, donc:

[entrée] px

"insérer un chiffre ici"

[entrée] px

"insérer un numéro ici"

[entrée] px

"insérer un numéro ici"

Mais il n'y a aucun moyen d'atteindre ceci

Enveloppant le et l'élément suivant dans un n'a aucun effet, puisque le message d'erreur va toujours après le div et wrapper

La démo de conteneur d'erreur () ne correspond pas à mes besoins car elle enveloppe TOUTES les erreurs dans une seule div - mais l'idée de montrant l'erreur PAS proche de la est

S'il vous plaît, pouvez-vous aider? Y a-t-il une solution pour cela? Merci

Répondre

0

Oui, vous souhaitez définir l'argument errorPlacement. There's a demo here (recherche de errorPlacement).

0

Mais que se passe-t-il s'il veut un emplacement différent pour un seul champ?

Disons-il:
Nom: [TextBox] erreur ici (obligatoire)
Courriel: [TextBox] erreur ici (obligatoire + email)

Loisirs: (au moins 2 cochés)
erreur ici
[checkbox] Foo
[case] Bar
[case] Bla
[case] Blu

Questions connexes