Question

我设计了页面包含60个问题，每个问题有5个单选按钮。我想验证所有问题;在其他意味着所有人都必须回答。如果其中一个没有回答，请告诉用户该号码。我如何用javascript验证它这是代码的一些例子

<div  >
  <tr id="trr1" onmouseover="changecolor('tr1','trr1')" onmouseout="backcolor('tr1','trr1')" >
    <td colspan="5">1. question 1</td>
    </tr>
  <tr id="tr1"  onmouseover="changecolor('tr1','trr1')" onmouseout="backcolor('tr1','trr1')">
    <td>totaly agree <input id="s1" name="s1" type="radio" value="2" /></td>
    <td>agree <input id="s1" name="s1" type="radio" value="1" /></td>
    <td>none <input id="s1" name="s1" type="radio" value="0" /></td>
    <td>dis-agree <input id="s1" name="s1" type="radio" value="-1" /></td>
    <td>totaly dis-agree <input id="s1" name="s1" type="radio" value="-2" /></td>
  </tr>
  <tr id="trr2" onmouseover="changecolor('tr2','trr2')" onmouseout="backcolor('tr2','trr2')" >
    <td colspan="5">2. question 2</td>
    </tr>
  <tr id="tr2"  onmouseover="changecolor('tr2','trr2')" onmouseout="backcolor('tr2','trr2')">
    <td>totaly agree <input id="s2" name="s2" type="radio" value="2" /></td>
    <td>agree <input id="s2" name="s2" type="radio" value="1" /></td>
    <td>none <input id="s2" name="s2" type="radio" value="0" /></td>
    <td>dis-agree<input id="s2" name="s2" type="radio" value="-1" /></td>
    <td>totaly dis-agree <input id="s2" name="s2" type="radio" value="-2" /></td>
  </tr>
 </div>

Answer 1

考虑添加jQuery并使用jQuery validation plugin。这是处理此类任务的更方便的方法。强制选择一个选项将非常简单：

radioGroup: {required :true}

覆盖错误消息，告知用户没有选择任何内容：

jQuery.extend(jQuery.validator.messages, {
  required: "This field is required."
});

验证组单选按钮

1 个答案: