用javascript匹配表单条目？答案

【问题标题】：Matching form entries with javascript?用javascript匹配表单条目？
【发布时间】：2009-07-30 14:36:29
【问题描述】：

我有一个带有这样标记的表单......

你剪掉了哪张优惠券

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

我需要能够以某种方式在提交表单时检查凭证切割是否与使用的凭证匹配，有一些验证服务器端，但我也需要做一些客户端，不知道在哪里开始，我需要直接使用 javascript 没有 jquery 或类似的，有人可以帮忙吗？

【问题讨论】：

那里有重复的元素（即，两个带有id="answer1" 的元素，两个带有id="usedanswer1" 的元素）。复制/粘贴错误？

标签： javascript forms validation client-side

【解决方案1】：

类似这样的......

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

【讨论】：