联系表格验证使用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。希望能帮助到你。