聯繫表格驗證使用jquery

Question

我想驗證一個與jQuery表單驗證。所以我包括以下coads。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2 /jquery.min.js"></script> 
    <script type="text/javascript" src=" http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script> 
    <script type="text/javascript"> 
       $(function() {       
          $('#contact-form').validate({ 
           rules:{ 
            name:{ 
            required:true 
            }, 
            email:{ 
            required:true, 
            email:true 
            }                  
           } 
          }); 
          }); 
    </script>  

但是當我點擊提交按鈕則顯示錯誤像

TypeError: $("#contact-form").validate is not a function

幫助我。

Answer 1

你有一個奇怪的空間分裂你的jQuery腳本包括url。如果你看，你可能會得到關於腳本不加載的控制檯錯誤。

/1.7.2/

需要是

/1.7.2/ 

Answer 2

它在這裏工作http://jsfiddle.net/UWhJE/

確保您包括validate.js前jQuery是加載。還要檢查firebug控制檯（對於Firefox）或Chrome開發工具中的JavaScript錯誤

Answer 3

確保jquery和jquery.validate載入成功。您可以像上面那樣調用函數，但通常的方法是將其稱爲document.ready。希望能幫助到你。