LoginSignup
11

More than 5 years have passed since last update.

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

Posted at

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

ブラウザ上で比較的簡単に入力内容の判定ができる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});
    
});

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11