Jquery Validationプラグインを使用してフォームにリアルタイム検証を追加する

Question

このjqueryプラグインを使用してリアルタイムで（入力時に）フォームを検証する：https://jqueryvalidation.org/rules/？

これは私の現在の検証機能の例です：デフォルトでは

(function(ns, window, document, $, undefined) { 

var $form; 

ns.init= function(){ 

    $form = $('#formQA'); 

    $form.validate({ 
     rules : { 
      QResponse : { 
       required: function (element) { 
        if ($(element).is(":visible")) { 
         return true; 
        } 
        return false; 
       } , 
       maxlength: 255, 
       minlength: 2 
      } 
     } 
    }) 
} 
})(home.createNS('home.qa.validation', false), window, document, jQuery); 

Answer 1

、それはkeyupイベントに検証します。しかし、妥当性検査は "怠け者"ではなく、 "熱心な"ものではない。つまり、提出の最初のクリック後まで検証は行われない。だから、いくつかの設定を調整する必要があります。

$form.validate({ 
    rules : { 
     // rules 
    }, 
    onfocusout: function(element) { 
     this.element(element); // triggers validation 
    }, 
    onkeyup: function(element, event) { 
     this.element(element); // triggers validation 
    } 
}); 

---

あなたのコード：

required: function (element) { 
    if ($(element).is(":visible")) { 
     return true; 
    } 
    return false; 
} 

あなたは、視認性をテストする必要はありません。デフォルトでは、プラグインは隠しフィールドを動的に無視します。 requiredをtrueに設定し、残りの部分を実行してください。