0

如何对一组复选框进行 HTML5 要求的验证？我基本上有一个选项，例如“选择以下一项或多项”，在 ul 中有几个复选框。如果我在 ul 级别设置 required 属性，则不会发生任何事情。如果我将它设置在输入级别，它会导致必须检查每个值以进行验证。我希望它强制用户选择至少一个值。这似乎适用于 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 化解决方案）

4

0 回答 0