JQuery Validation Aide

Question

Je besoin d'aide pour la validation d'un formulaire, de préférence en utilisant JQuery:

ceci est mon code:

<form action='index.php' method='post'> 
<table> 
<tr> 
    <td>1.</td> 
    <td><select name='from_1'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
    <td><select name='to_1'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
</tr> 
<tr> 
    <td>2.</td> 
    <td><select name='from_2'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
    <td><select name='to_2'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
</tr> 
<tr> 
    <td>3.</td> 
    <td><select name='from_3'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
    <td><select name='to_3'><option>HOME</option><option>A</option><option>B</option><option>C</option></select></td> 
</tr> 
</table> 
<input type='submit' value='submit' /> 
</form> 

Je veux ajouter un peu de javascript validation:
quand quelqu'un clique sur le soumettre le bouton, le formulaire doit être validé (voir ci-dessous).
En cas d'invalidité, un message d'erreur devrait apparaître (alerte ou boîte de dialogue - même meilleure - modale), et le formulaire ne devrait pas être soumis.

La validation:
chaque ligne (dans cet exemple 3, mais pourrait être plus) doit contenir une et une seule fois la sélection « HOME ». Donc l'option 'from' ou 'to' devrait être HOME.

Quelqu'un peut-il m'aider? Je sais que c'est assez spécifique, mais cela m'aidera beaucoup ...

Answer 1

Le plugin de validation jquery était un grand trop à gérer en ce moment :)

Je l'ai résolu ma façon ... voir the link

Answer 2

Avez-vous regardé le plug-in de validation jQuery, http://bassistance.de/jquery-plugins/jquery-plugin-validation/? Il est assez facile à modifier et est basé sur l'ajout de classes à vos éléments (par exemple, class = "required").

Answer 3

Jetez un oeil à la jQuery Validation plugin, alors vous devriez être en mesure d'utiliser la méthode equalsTo qui accepte un sélecteur css.

Answer 4

Vous donnez à chaque sélection d'une classe, à savoir « valider »:

<select name='from_2' class="validate"> 

Que vous écrivez une fonction à itérer chaque tel élément qui a d'abord une série variable booléenne false et quand il trouve « HOME » dans les valeurs, il définit la variable sur true. Quand il trouve «HOME» à nouveau, il fait ce que vous voulez.

Mais, honnêtement, ne vous reposez pas sur la validation côté client.

Answer 5

J'ai écrit un billet de blog intitulé "Metadata based validation with jQuery" qui couvre ce sujet . De plus, il y a un exemple de code montrant comment l'utiliser en HTML clair (le téléchargement est disponible en bas).