jQuery驗證不按下按鍵時觸發

Question

Jquery驗證沒有檢查它是否爲真，同時按下按鍵。它從元素聚焦後觸發。重點完成驗證檢查後，按下鍵開始。爲什麼是這樣？這裏有我的代碼

$('input[name=roleName]').keypress(function() { 

     $('form').validate({ 
      rules: { 
       roleName: { 
        required: true, 
        isRoleUsed: true 
       } 
      }, 
      messages: { 
       roleName: { 
        required: "You have to enter role name" 
       } 
      } 
     }); 

    }); 

Answer 1

.validate()方法永遠不會進入按鍵事件處理程序。它只是插件的初始化方法，只能在DOM就緒事件處理程序中進行。

然後，在插件初始化後，會自動捕獲keyup事件。

$(document).ready(function() { 

    $('form').validate({ 
     rules: { 
      roleName: { 
       required: true, 
       isRoleUsed: true 
      } 
     }, 
     messages: { 
      roleName: { 
       required: "You have to enter role name" 
      } 
     } 
    }); 

}); 

DEMO：http://jsfiddle.net/9hf0pr6a/1/

注意，默認情況下，驗證是「懶」，這意味着你得到一個嘗試填寫表格的required驗證規則進行評估之前。在第一次點擊提交按鈕之後，纔會捕獲事件keyup。

否則，您可以通過覆蓋onkeyup選項將keyup行爲更改爲「Eager」驗證。

$(document).ready(function() { 

    $('form').validate({ 
     onkeyup: function(element) { 
      this.element(element); 
     }, 
     rules: { 
      roleName: { 
       required: true, 
       isRoleUsed: true 
      } 
     }, 
     messages: { 
      roleName: { 
       required: "You have to enter role name" 
      } 
     } 
    }); 

}); 

DEMO：http://jsfiddle.net/9hf0pr6a/