jQuery验证复选框已勾选的方法有很多种,可以通过自定义验证规则来实现。以下是一种常见的实现方式:
$.validator.addMethod("requiredCheckbox", function(value, element) {
return $(element).is(":checked");
}, "请勾选此复选框");
$("#myForm").validate({
rules: {
myCheckbox: {
requiredCheckbox: true
}
},
messages: {
myCheckbox: {
requiredCheckbox: "请勾选此复选框"
}
}
});
<input type="checkbox" name="myCheckbox" id="myCheckbox">
<span id="myCheckbox-error" class="error"></span>
$("#myForm").validate({
// 省略其他配置
errorPlacement: function(error, element) {
if (element.attr("name") == "myCheckbox") {
error.appendTo("#myCheckbox-error");
} else {
error.insertAfter(element);
}
}
});
通过以上步骤,当复选框未勾选时,会显示错误消息并将其附加到指定的错误消息容器中。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。
领取专属 10元无门槛券
手把手带您无忧上云