JQuery Validation Hilfe

Question

Ich brauche Hilfe Prüfung einer Form, vorzugsweise JQuery mit:

dies ist mein 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> 

Ich möchte einige Javascript Validierung hinzufügen:
, wenn jemand auf der Klicks Senden Sie das Formular, sollte das Formular validiert werden (siehe unten).
Wenn es ungültig ist, sollte eine Fehlermeldung angezeigt werden (Alarm- oder - noch besser - modaler Dialog), und das Formular sollte nicht gesendet werden.

Die Validierung:
jede Zeile (in diesem Beispiel 3, könnte aber mehr sein), soll man enthalten und nur ein Mal, wenn die ‚Home‘ Auswahl. Daher sollte die Option "Von" oder "Zu" HOME sein.

Kann mir jemand dabei helfen? Ich weiß, dass es sehr spezifisch ist, aber es wird mir sehr helfen ...

Answer 1

Die Jquery Validierung Plugin war ein großer zu viel jetzt zu handhaben :)

ich es meine eigene Art und Weise gelöst ... siehe the link

Answer 2

Haben Sie sich das jQuery-Validierungs-Plug-in, http://bassistance.de/jquery-plugins/jquery-plugin-validation/ angeschaut? Es ist ziemlich einfach zu optimieren und basiert auf dem Hinzufügen von Klassen zu Ihren Elementen (z. B. class = "required").

Answer 3

Werfen Sie einen Blick auf die jQuery Validation plugin, dann sollten Sie in der Lage sein, die EqualsTo-Methode zu verwenden, die einen CSS-Selektor akzeptiert.

Answer 4

Sie geben jeder eine Klasse wählen, das heißt ‚validate‘:

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

als Sie eine Funktion schreiben, durch jedes solches Element zu durchlaufen, die zunächst eine boolean Variable auf false gesetzt hat und wenn er feststellt, ‚HOME‘ Innerhalb der Werte wird die Variable auf "True" gesetzt. Wenn es wieder 'HOME' findet, tut es was du willst.

Aber, ehrlich gesagt, nicht auf Client-Validierung.

Answer 5

Ich habe einen Blog-Eintrag geschrieben "Metadata based validation with jQuery" Titel, die dieses Thema behandelt . Zusätzlich gibt es Beispielcode, der zeigt, wie man es in klarem HTML benutzt (Download ist unten verfügbar).