2014-10-19 125 views
0

我正在製作一個Web應用程序,我需要驗證字段。 .js正在加載,但它提供了Uncaught TypeError:undefined不是第2行$("#adduser-form").validate({上的函數錯誤。請告訴我我做錯了什麼。以下是我的驗證文件代碼:Uncaught TypeError:undefined不是加載jQuery的函數錯誤

$(document).ready(function() { 
    $("#adduser-form").validate({ 
     rules : { 
      email : { 
       required : true, 
       email : true, 
       maxlength : 64 
      }, 
      firstname : { 
       required : true, 
       minlength : 3, 
       maxlength : 32 
      }, 
      lastname : { 
       maxlength : 32, 
       minlength : 3, 
       required : true 
      }, 
      password : { 
       maxlength : 32, 
       minlength : 8, 
       required : true 
      }, 
      company : { 
       maxlength : 64, 
       minlength : 3, 
       required : false 
      }, 
      title : { 
       maxlength : 64, 
       minlength : 3, 
       required : false 
      } 
     }, 

     messages : { 

      email: { 
       required: "Email is required.", 
       email: "Please enter a valid Email address." 
      }, 
      firstname: { 
       required:"First Name is required." 
      }, 
      lastname: { 
       required:"Last Name is required." 
      }, 
      password: { 
       required:"Password is required.", 
      }, 

     }, 
     invalidHandler : function(event, validator) {//display error alert on form submit 
      $('.alert-error', $('#adduser-form')).show(); 
     }, 

     highlight : function(element) {// hightlight error inputs 
      $(element).closest('.control-group').addClass('error'); 
      // set error class to the control group 
     }, 

     success : function(label) { 
      label.closest('.control-group').removeClass('error'); 
      label.remove(); 
     }, 

     errorPlacement : function(error, element) { 
      error.addClass('help-small no-left-padding').insertAfter(element.closest('.input-icon')); 
     }, 

     submitHandler : function(form) { 
      form.submit(); 
     } 
    }); 

    $('#adduser-form input').keypress(function(e) { 
     if (e.which == 13) { 
      if ($('#adduser-form').validate().form()) { 
       $('#adduser-form').submit(); 
      } 
      return false; 
     } 
    }); 

}); 
+0

你加載了插件嗎? – 2014-10-19 17:06:07

+0

如果您使用的是jQuery驗證庫,則必須包含該庫。文檔:http://jqueryvalidation.org/ – 2014-10-19 17:06:13

+1

無論是js文件沒有加載,或ID爲'adduser-form'的元素不存在 – Rajesh 2014-10-19 17:10:08

回答

0

我沒有包含jQuery驗證庫。我將它包括在內,它的功能就像一個魅力!

相關問題