jquery - 使用 Jquery 进行联系表单验证

Question

我想用 jquery 表单验证来验证一个 for。所以我包括以下内容。

 <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。希望能帮助到你。