validation engineの小技まとめ

jQuery Validation Engineの小技備忘録です
https://github.com/posabsolute/jQuery-Validation-Engine

エラーを1つだけ表示する

$('form').validationEngine({ maxErrorsPerField: 1 });

分割された入力フィールドのエラーを一つにまとめる

電話番号などで[ ]-[ ]-[ ]と分割されている場合

<input type="text" name="tel1" class="validate[required]">
<input type="text" name="tel2" class="validate[required]">
<input type="text" name="tel3" class="validate[required]">

とすると、すべての入力欄にメッセージが出るので一つにまとめたい

<input type="text" name="tel1" id="tel1" class="validate[required]">
<input type="text" name="tel2" id="tel2" class="validate[condRequired[tel01]]">
<input type="text" name="tel3" id="tel3" class="validate[condRequired[tel02]]">

condRequired[tel01]でtel01が入力されていたら必須になるので
前から順番に1つだけメッセージが表示される。

エラーが出たフォームにクラスを付けたい

addFailureCssClassToField:"クラス名"を指定する

$("#form").validationEngine({addFailureCssClassToField: "inputError"});