如何使用表单验证 jquery 检查至少一个选中的复选框？答案

【问题标题】：How to check at least one selected checkbox using form validation jquery?如何使用表单验证 jquery 检查至少一个选中的复选框？
【发布时间】：2021-07-23 12:11:07
【问题描述】：

html

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="/jquery-ui.js"></script>
<body>
    <form id="applicationForm" method="POST" class="valida en" action="../../lib/air-condition-request.php">
    <label class="serviceDay">
    <input type="checkbox" id="airConDaily">Daily 
    <input type="checkbox" id="airConMon" name="monday" value="1">Monday
    <input type="checkbox" id="airConTue" name="tuesday" value='1'>Tuesday
    <input type="checkbox" id="airConWed" name="wednesday" value='1'>Wednesday
    <input type="checkbox" id="airConThur" name="thursday" value='1'>Thursday
    <input type="checkbox" id="airConFri" name="friday" value='1'>Friday
    <input type="checkbox" id="airConSat" name="saturday" value='1'>Saturday
    <input type="checkbox" id="airConSun" name="sunday" value='1'>Sunday
    <input type="checkbox" id="airConPh" name="ph" value='1'> Public Holiday
    </label>
    <input type="hidden" name="type" value="2">
    <input type="submit" name="button" id="button" value="Submit" class="all-btn">
    </form>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.js"></script>
<script src="../../js/form-validation.js"></script>
</body>

表单验证 jquery

$('#itemForm').validate({
  errorClass:"validationError",
    rules:{
    
    },
    messages:{
      
    }
  

});

大家好，

我检查了关于至少一个选定复选框的许多答案，但它们无法解决我的问题。

如果用户没有选择任何复选框，系统如何显示错误。

谢谢

【问题讨论】：

基本条件是$('input[type=checkbox]:checked').length > 0，但我不知道如何将其与 jQuery validate 结合起来。

标签： javascript jquery forms validation checkbox

【解决方案1】：

我真的不知道它是否适合您的用例，但您可以为您的复选框赋予所有相同的名称并赋予它们不同的值，然后在您的验证中进行简单的必需检查

  <input type="checkbox" id="airConTue" name="weekday" value='tuesday'>Tuesday
  <input type="checkbox" id="airConWed" name="weekday" value='wednesday'>Wednesday
  <input type="checkbox" id="airConThur" name="weekday" value='thursday'>Thursday

rules: {
  weekday: {required: !0}
}

编辑：如果你做一个数组可能会更好，因为这将使序列化更容易！

  <input type="checkbox" id="airConTue" name="weekday[]" value='tuesday'>Tuesday
  <input type="checkbox" id="airConWed" name="weekday[]" value='wednesday'>Wednesday
  <input type="checkbox" id="airConThur" name="weekday[]" value='thursday'>Thursday

rules: {
  "weekday[]": {required: !0}
}

【讨论】：

我以前试过这个方法。没有错误信息。
github.com/Shumuu/jqv 这对我有用。如果你找不到你的错误，你能分享一个没有为你显示消息的 repo 吗？