JQuery驗證插件給出錯誤？

Question

我正在使用JQuery驗證插件。

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js"></script> 

jQuery代碼：

function validateForm(){ 


     $('[name^="attribute"]').each(function(){ 
     $(this).rules("add", { 
      required: true, 
      messages: { 
       required: "Mandatory field" 
      } 
     });    
    }); 



    $('[name^="valueAttribute"]').each(function(){ 
     $(this).rules("add", { 
      required: true, 
      maxlength: 12, 
      email: true, 
      messages: { 
       required: "Enter email", 
       email: "Enter valid email", 
       maxlength: "Maximum 12 characters" 
      } 
     });    
    }); 


     return $("#myForm").validate({ 
      onfocusout: function(element) { jQuery(element).valid(); } 
    }); 

    } 

但上面的腳本提供瞭如下錯誤。

TypeError: $.data(...) is undefined 

我在這裏做錯了什麼？它工作正常，如果我刪除所有爲每個和默認消息。

謝謝！

Answer 1

唯一的問題似乎是，你所添加的規則的元素validator插件的形式

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js"></script> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.11.1/additional-methods.js"></script> 

然後

jQuery(function ($) { 
    function validateForm(){ 
     var validator = $("#myForm").validate({ 
      onfocusout: function(element) { jQuery(element).valid(); } 
     }); 

     $('[name^="attribute"]').each(function(){ 
      $(this).rules("add", { 
       required: true, 
       messages: { 
        required: "Mandatory field" 
       } 
      });    
     }); 

     $('[name^="valueAttribute"]').each(function(){ 
      $(this).rules("add", { 
       required: true, 
       maxlength: 12, 
       email: true, 
       messages: { 
        required: "Enter email", 
        email: "Enter valid email", 
        maxlength: "Maximum 12 characters" 
       } 
      });    
     }); 

     return validator; 

    } 

}); 

演示初始化之前：Fiddle

Answer 2

你沒有使用$(document).ready();

試試這個

$(document).ready(function(){ 
    // do script here 
}); 

希望這將有助於