0

我有一个带有文本框和复选框的表单,需要验证用户是否输入了数据或检查了至少 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.'
            }
        });
    });

有任何想法吗?

4

1 回答 1

2

如果您想为整个组发送一条消息,则需要使用groups选项...

groups: {
    myGroup: "address address2 aa"
}

演示:http: //jsfiddle.net/3PxGE/1/

于 2013-09-15T20:42:21.210 回答