1

このようなマークアップのあるフォームがあります。

どのバウチャーを切り取りましたか

<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>

どのバウチャーを使用しましたか

 <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>

どういうわけか、フォームの送信時に、バウチャーカットが使用されたものと一致することを確認する必要があります。検証サーバー側もありますが、クライアント側も行う必要があり、どこから始めればよいかわかりません。 jqueryなどのないストレートJavaScriptを使用する必要がありますが、誰か助けてもらえますか？

4

1 に答える 1

2

このようなもの....

   <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>

onsubmit メソッドから true を返すとフォームが送信されますが、false を返すと送信されません。

于 2009-07-30T14:50:41.817 に答える