2014-02-18 51 views
1

我正在使用jquery和驗證插件來驗證客戶端的表單條目。在外部文件jQuery驗證

而不是重載呈現的HTML我認爲這將是一個好主意,以保持不同的形式在不同的文件中的驗證規則。但是,當我嘗試這樣做時,我不斷收到驗證是未知函數的螢火蟲錯誤。

下面是驗證規則:

(function($){ 
signinval = function(){ 
    $(document).ready(function(){ 
     $('#login').validate({ 
      debug: false, 

      rules: { 
       loginEmail: {required: true, email: true}, 
       loginPassword: required 
      }, 
      messages: { 
       loginEmail: {required:"Please supply your Firstname",email:"Please supply a valid email"}, 
       loginPassword: "Please enter your password" 
      } 
     }); 
    }); 
}; 
})(jquery); 

我包括jQuery和驗證將包括呼叫的功能signinval(),我仍然得到錯誤之前的插件。

我拖網尋找解決方案,但似乎無法找到任何東西。

有人可以指示我如何實現這個請求。

編輯:

的包括順序是:

<script src="bower_components/jquery/jquery.js"></script> 
<script src="js/jquery.validate.min.js"></script> 
<script src="js/val_signin.js"></script> 

進一步編輯:

當代碼在主HTML文件本身它工作正常。該代碼最初是在一個$(document).ready()塊中,它工作正常。我在之前看到的另一篇文章中將它轉換爲上面的函數。

+0

你能顯示你的js文件的順序嗎? (jQuery /驗證) –

+0

您的控制檯中的任何其他錯誤 –

+0

您可以嘗試'jQuery.fn.validate' –

回答

0

好的堅持到最後還清。因爲我使用基於zurb的設計佈局,所以jquery需要包含在底部。當然,我也將它包含在頂部以及驗證插件中,但當然也包括底部的Jquery,這是導致錯誤的原因。

保持頂部的jquery並從底部刪除包含意味着一切正常,外部文件是好的。

感謝@Java_User和@ArunPJohny的幫助。

Registers Graham