Q. jQuery-Validation-Engineのエラー表示に優先順位をつけて１つだけ表示したいです。

Question

jQuery-Validation-EngineというフォームをリアルタイムでチェックするjQueryがあり、
HTML内クラスで指定したバリデーション分チェックして表示してくれます。(ページ下部のリンク参照)

例えば、メールアドレスのフォームがあったとして
・必須項目
・メールアドレス形式かどうか
をメールアドレスのinputタグ内にclassで２つ指定し、JQueryで判定みたいな感じです。

jQuery-Validation-Engineをそのまま使うと、それに対応するエラーが指定した分表示されるのですが、
項目に優先順位をつけてエラーがあった場合１つだけを表示したいのです。

上記例でいうと、
メールアドレスのフォームに何も入力しないでsubmitボタン押下 → エラー文２つ表示
これを
メールアドレスのフォームに何も入力しないでsubmitボタン押下 → 必須項目のみ表示

みたいにしたいのですが、ご教授お願いします！！

jQuery-Validation-Engine
https://github.com/posabsolute/jQuery-Validation-Engine

下記参考サイトになります
http://www.webdesign-fan.com/jquery-validation-engine

Answer 1

多分これでいけるはず。エラー時のコールバックも設定できるので、そこで閉じてまわる手もあります。

 $( "#form" ).validationEngine( { showOneMessage : true } );

【GitHub - posabsolute/jQuery-Validation-Engine: jQuery form validation plugin】
https://github.com/posabsolute/jQuery-Validation-Engine#showonemessage

URLはマークダウンでリンクにすると見やすいのでお勧めです。

Comments

[naaoh]

ありがとうございます！！！