jQueryValidationEngineで、フォーカス外した時にバリデーション処理をさせない方法

  • 9
    Like
  • 0
    Comment
More than 1 year has passed since last update.

フォーカス外した時の警告表示を防ぎたい

ブラウザ上で比較的簡単に入力内容の判定ができるjQueryValidationEngineですが、判定対象のフォームからフォーカスを外した時に吹き出しが出ることを防ぎたい時もあります。

呼び出し時にbinded:false を指定する。

答えはgithubに記述されていました。

下記リンク先の Options あたりに
https://github.com/posabsolute/jQuery-Validation-Engine

validationEventTrigger
Name of the event triggering field validation, defaults to blur.

と、記述があります。
blurイベント(=要素がフォーカスを失った時)にその領域の判定をするよ! ということです。
そして、もう少し下のあたりに

binded 
If set to false, it removes blur events and only validates on submit.

とか書いてあります。

要は、validateさせたいフォームに対して、 binded:false を指定することによって、blur event を取り除き submitボタンが押されたタイミングでしか処理しないようになります。

こんな感じで呼び出してあげればOK


jQuery(document).ready( function() {

    /*こんな感じで、binded:false を指定する*/
    return jQuery('#formid').validationEngine('attach',{binded:false});
    
});