使用jquery验证require_from_group的输入和复选框,只显示1条消息

时间:2013-09-13 18:55:21

标签: jquery jquery-validate

我有一个包含文本框和复选框的表单,需要验证用户是否已输入数据或至少检查过1.我在表单验证的其余部分使用jquery验证,因此我想尝试使用它同样。但是,当添加复选框时,我收到多条错误消息。

请参阅: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.'
            }
        });
    });

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

如果您想为整个群组留言,您需要使用the groups option ...

groups: {
    myGroup: "address address2 aa"
}

DEMO http://jsfiddle.net/3PxGE/1/