我有一个带有文本框和复选框的表单,需要验证用户是否输入了数据或检查了至少 1 个。我在表单验证的其余部分使用 jquery validate,所以也想尝试使用它。但是,当添加复选框时,我收到了多条错误消息。
见:http: //jsfiddle.net/kkarp/3PxGE/演示
html:
<form class="form validateForm" method="get" action="Javascript: alert('Submitted');">
this:
<input type='text' name='address' class="req1" />
<br/>
or this:
<input type='text' name='address2' class="req1" />
<br/>
or one of these:<br/>
<input type="checkbox" name="aa" value="aa1" class="req1"/>aa1<br />
<input type="checkbox" name="aa" value="aa2" class="req1"/>aa2<br />
<input type="submit" name="submit" value="Submit" id="submit" />
</form>
javascript:
$('.validateForm').each(function () {
$(this).validate({
errorPlacement: function (label, element) {
label.addClass('error');
label.insertAfter(element);
},
wrapper: 'span'
});
});
$('.req1').each(function () {
$(this).rules('add', {
require_from_group: [1, ".req1"],
messages: {
require_from_group: 'Submission requires entry in at least one field.'
}
});
});
有任何想法吗?