Question

如何在一组复选框上执行HTML5所需的验证？我基本上有一个选项，例如“选择以下一个或多个”，在ul中有几个复选框。如果我在ul级别设置了必需的属性，则没有任何反应。如果我在输入级别设置它，那么它必须检查每个值以进行验证。我希望它强制用户选择至少一个值。这似乎与Radio类型一起使用，但是使用复选框（你可以有多个选项）它不起作用。

这是HTML：

  <form> 
   <!-- in this case, I set required at the ul level !-->
   <ul required="required" validationMessage="You must enter a gender">
      <li>
        <input id="male" name="mf" type="checkbox" value="Male" />
        <label  for="male">Male</label>
      </li>
      <li>
        <input id="female" name="mf"  type="checkbox" value="Female" />
        <label for="female">Female</label>
      </li>
    </ul>
   <!-- in this case, I set it at the input level -->
   <ul required="required" validationMessage="You must enter a gender2">
      <li>
        <input id="male2" name="mf2" type="checkbox" value="Male2" required />
        <label  for="male">Male2</label>
      </li>
      <li>
        <input id="female2" name="mf2" type="checkbox" value="Female2" required />
        <label for="female">Female2</label>
      </li>
    </ul>
   <input type="submit" value="submit">
  </form>

我应该注意：我正在使用Kendo在浏览器之间进行验证（如果有针对此问题的Kendo-ized解决方案）

列表上的HTML5验证

0 个答案: