jquery验证:一组必填字段的消息

时间:2014-05-21 13:27:00

标签: jquery jquery-validate

我有以下标记:

<input name="input1" required>
<input name="input2" required>
<input name="input3" required>
<input name="input4" required>
....
<input type="checkbox name="check1">
<input type="checkbox name="check2">
...
<div id="errorPlacement"></div>

按提交后,我想突出显示空输入,并在必要时仅在errorPlacement div中显示以下消息:

一些输入为空时的情况

You have to answer all the questions

未选中某个复选框的情况之一

You have to check all the checkboxes

这个问题是,我根据空输入的数量更多地收到消息。请帮我从errorPlacement中删除重复项。

默认&#34;必需&#34;多次生成消息。
我试过&#34;小组&#34;,但没有成功。
&#34; require_from_group&#34;我也生成了几条消息。

我有一个不工作的小提琴:http://jsfiddle.net/AcGL3/

任何想法?
感谢

1 个答案:

答案 0 :(得分:0)

groups选项正常工作:http://jsfiddle.net/AcGL3/3/

groups: {
    inputGroup: "input1 input2 input3 input4",
    checkboxGroup: "check1 check2",            
},

使用errorPlacement函数将消息不正确地放入中央容器中会破坏它。

查看文档,有一些名为the errorLabelContainer option ...

的内容
errorLabelContainer: "#errorPlacement",

DEMO:http://jsfiddle.net/AcGL3/4/