多个字段验证...带有一条错误消息

时间:2011-06-23 17:19:04

标签: javascript jquery validation field

我需要验证3个文本字段并在字段上显示红色边框高亮显示,但在输入所有3个字段后显示常见错误消息。

我有3个文字字段:

<label>LABEL TEXT</label>
<input type="text" value="" size="2" maxlength="2" class="formInput" name="code1" />
<input type="text" value="" size="2" maxlength="2" class="formInput" name="code2" />
<input type="text" value="" size="2" maxlength="2" class="formInput" name="code3" />

字段验证:

是必填字段

只允许使用数字,并且应该允许准确的2个数字。

客户端验证:

我需要对模糊应用验证,点击提交按钮它将验证服务器端。

我需要以下列方式应用验证---- 在第一个和第二个模糊时,我需要突出显示无效条目的字段。但在模糊/输入所有三个字段中的数据后,显示常见错误消息(标签将替换为错误消息)。

如果上述任何内容不清楚,请提出问题......任何帮助都非常感谢。

1 个答案:

答案 0 :(得分:0)

建议使用jquery验证器插件。阅读文档,您可以修改方法来做您喜欢的事情。这些论坛上有很多例子可以帮助您了解如何使用它。以及在线。

http://rocketsquared.com/wiki/Plugins/Validation#Validator