複数のフィールドの検証... 1つのエラーメッセージ付き

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つの数字は許されるべき必須フィールドです。

クライアント側の検証：

私はぼかしの上、それはサーバ側が検証されます送信ボタンのクリック時に検証を適用する必要があります。

私は次のように検証を適用する必要があります---- 最初と2番目のぼかしでは、無効なエントリのフィールドを強調表示する必要があります。しかし、3つすべてのフィールドにデータをぼかす/入力した後に、共通のエラーメッセージ（ラベルはエラーメッセージに置き換えられます）を表示します。

上記の内容が明確でない場合は質問してください。

Answer 1

は、jqueryバリデータープラグインを使用することをお勧めします。ドキュメントを読んで、あなたが好きなやり方でメソッドを変更することができます。これらのフォーラムには、使用方法を理解するのに役立つたくさんの例があります。オンラインだけでなく、

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