多个字段验证…一条错误消息

Question

我需要验证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个数字。

客户端验证：

我需要对模糊应用验证，然后单击提交按钮将验证服务器端。

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

如果以上内容不清楚，请询问问题...非常感谢您的帮助。

Answer 1

建议使用jquery验证程序插件。 阅读文档，您可以修改方法以执行所需的操作。 这些论坛上有很多示例可以帮助您了解如何使用它。 以及在线。

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