使用jquery驗證器單擊一次按鈕即可在同一頁面上驗證多個表單

Question

是否可以通過單擊一個按鈕驗證具有jQuery驗證器的多個表單。如果是的話怎麼可以做到的，我已經這樣做的遠

代碼

$(document).ready(function() { 
     $('button.validateAll').click(function(){ 
      $('form').each(function(){ 
       $(this).validate({ 
         rules:{ 
          title:{ 
           required:true, 
           minlength:5 
          }        
         }, 
         submitHandler: function(form){ 
           return true; 
         } 
       }); 
      }); 
     }); 

}）;

Answer 1

你誤會了.validate()方法的目的...

$('button.validateAll').click(function(){ 
    $('form').each(function(){ 
     $(this).validate({... 

的.validate()方法只是初始化表單上的插件。如果您希望驗證在用戶填寫表單時起作用，那麼您必須在表單加載後立即初始化插件，而不是單擊該按鈕時。

$(document).ready(function() { 
    $('form').each(function() { 
     $(this).validate({... 

爲了驗證一切形式的一個按鈕，點擊頁面上的需要自定義click處理程序和方法.valid() ...

$(document).ready(function() { 
    $('button.validateAll').click(function() { 
     $('form').each(function() { 
      $(this).valid(); 
     }); 
    }); 
}); 

DEMO：jsfiddle.net/gdchtpjf/