2009-07-30 6 views
1

ich ein Formular mit Markup wie diese haben ....Passende Formulareinträge mit Javascript?

Welche Gutschein Sie aus

geschnitten hat
<div class="answer item1"> 
    <input type="checkbox" name="downloaded_vouchers[answer1]" id="answer1" value="1"/> 
    <label for="answer1">Answer 1</label> 
</div> 
<div class="answer item1"> 
    <input type="checkbox" name="downloaded_vouchers[answer1]" id="answer1" value="1"/> 
    <label for="answer1">Answer 1</label> 
</div> 

Welche Gutschein haben Sie verwendet

<div class="answer item1"> 
    <input type="checkbox" name="used_vouchers[answer1]" id="usedanswer1" value="1"/> 
    <label for="answer1">Answer 1</label> 
</div> 
<div class="answer item1"> 
    <input type="checkbox" name="used_vouchers[answer1]" id="usedanswer1" value="1"/> 
    <label for="answer1">Answer 1</label> 
</div> 

Ich muss in der Lage sein, irgendwie , auf Antrag des Formulars überprüfen, dass der Gutscheinschnitt mit demjenigen übereinstimmt, der verwendet wurde, gibt es einige Validierungsserverseite, aber ich muss einige Clientseite auch tun und habe keine Idee, wo ich anfangen soll, muss ich gerade Javascript keine jquery benutzen oder ähnliches, kann jemand helfen?

+0

Sie haben dort doppelte Elemente (dh zwei Elemente mit ' id = "answer1" ', zwei Elemente mit' id = "usedanswer1" '). Fehler kopieren/einfügen? –

Antwort

2

so etwas wie dieses ....

<script type="text/javascript"> 
    function validate() 
    { 
     // use document.getElementById to get the form item 
     var item = document.getElementById("yourElement"); 
     if (somecondition == true) 
     { 
      alert("good to go"); 
      // allow the form to post 
      return true; 
     } 
     else 
     { 
      alert("I don't think so"); 
      // return false so the form will not post 
      return false; 
     } 
    } 
    </script> 

    <form onsubmit="Validate();" > 
    </form> 

wahr vom onsubmit Methode Rückkehr wird die Form durch, Rückkehr falsch senden wird nicht