如何使用表单验证jquery至少选中一个复选框



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

相关内容

最新更新