我意识到这是一个较老的问题,但是我需要在表单上使用类似的功能并解决了它。
使用 jQuery 1.4.2
所以给出下面的表格。
<form id="checkForm" method="get" action="">
<ul id="checkboxes">
<li><input type="checkbox" name="checkOne" id="checkOne" value="1" /></li>
<li><input type="checkbox" name="checkTwo" id="checkTwo" value="2" /></li>
<li><input type="checkbox" name="checkThree" id="checkThree" value="3" /></li>
</ul>
<input class="submit" type="submit" value="Submit"/>
然后您可以执行以下操作
$("#checkForm").validate({
rules: {
checkOne: "required",
checkTwo: "required",
checkThree: "required"
},
errorPlacement: function(error, element) {
if ($("#checkboxes").has(element).size() > 0) {
error.insertAfter($("#checkboxes input:checkbox:last"));
} else {
error.insertAfter(element);
}
}
});