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

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

javascript jquery forms validation checkbox

Javascript 如何使用表单验证jquery检查至少一个选中的复选框？,javascript,jquery,forms,validation,checkbox,Javascript,Jquery,Forms,Validation,Checkbox,html 大家好, 我检查了至少一个复选框的许多答案，但它们无法解决我的问题如果用户未选择任何复选框，系统如何显示错误谢谢你我真的不知道它是否适合你的用例，但是你可以给你的复选框起相同的名字，给它们不同的值，在你的验证中，你需要做一个简单的检查周二星期三星期四规则：{ 工作日：{必需：！0} } 编辑：如果您使用数组，可能会更好，因为这将使序列化更容易周二星期三星期四规则：{ “工作日[]”：{必需：！0} } 一个基本条件是$（'input[type=checkbox

html

大家好,

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

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

谢谢你

我真的不知道它是否适合你的用例，但是你可以给你的复选框起相同的名字，给它们不同的值，在你的验证中，你需要做一个简单的检查

周二
星期三
星期四

规则：{
工作日：{必需：！0}
}

编辑：如果您使用数组，可能会更好，因为这将使序列化更容易

周二
星期三
星期四

规则：{
“工作日[]”：{必需：！0}
}

一个基本条件是

$（'input[type=checkbox]：checked'）。长度>0

但我不知道如何将其与jQuery validate合并。我以前尝试过这种方法。没有错误消息。这对我有用。如果你找不到你的错误，你能分享一份回购协议，但它没有给你显示信息吗？

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

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

});