使用Jquery联系表单验证

Question

我想用jquery表单验证来验证for。所以我包括以下的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不是函数

帮帮我。

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。希望它有所帮助。