使用 Jquery 进行联系表单验证答案

【问题标题】：Contact Form Validation using Jquery使用 Jquery 进行联系表单验证
【发布时间】：2012-09-23 00:07:36
【问题描述】：

我想用 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 不是函数

帮帮我。

【问题讨论】：

标签： jquery html jquery-validate validation

【解决方案1】：

你有一个奇怪的空间来分解你的 jQuery 脚本包含 url。如果您仔细查看，您可能会收到有关脚本未加载的控制台错误。

/1.7.2  /

需要

/1.7.2/

【讨论】：

【解决方案2】：

它在这里工作http://jsfiddle.net/UWhJE/

确保在包含 validate.js 之前已加载 jquery。还要检查 firebug 控制台（对于 firefox）或 chrome 开发工具中的 javascript 错误

【讨论】：

【解决方案3】：

确保 jquery 和 jquery.validate 加载成功。您可以像上面那样调用该函数，但通常的方法是调用它 document.ready。希望对您有所帮助。

【讨论】：