越来越validate.js工作

Question

我无法让我简单的联系表单验证，我不知道我做错了，我已经剥离的代码几乎完全出一个独立的演示和遵循的啧啧。我的代码有什么问题？

Tut & demo

在头：更新尝试

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 

起爆，收盘前差不多吧</head>

<script type="text/javascript"> 
    SubmittingForm=function() { 
    alert("The form has been validated."); 
    } 

    $(document).ready(function() { 
    $("#fvujq-form1").validate({ 
     submitHandler:function(form) { 
     SubmittingForm(); 
     }, 
     rules: { 
     name: "required", // simple rule, converted to {required:true} 
     email: {   // compound rule 
      required: true, 
      email: true 
     }, 
     url: { 
      url: true 
     }, 
     comment: { 
      required: true 
     } 
     }, 
     messages: { 
     comment: "Please enter a comment." 
     } 
    }); 
    }); 

    jQuery.validator.addMethod(
    "selectNone", 
    function(value, element) { 
     if (element.value == "none") { 
     return false; 
     } 
     else return true; 
    }, 
    "Please select an option." 
); 

    $(document).ready(function() { 
    $("#fvujq-form2").validate({ 
     submitHandler:function(form) { 
     SubmittingForm(); 
     }, 
     rules: { 
     sport: { 
      selectNone: true 
     } 
     } 
    }); 
    }); 
</script> 

关闭到页面底部，形式标记：

<p style="font-style:italic; font-size:12px; font-weigh: normal; margin-top: -89px;  margin-left: 33px;">Contact me written in a different language.</p> <img src="http://www.cameroncashwell.com/imgs/pointing-left.png" style="float: right; margin-right: 140px; margin-top: -89px;"> 

<div class="form-div"> 
    <form id="fvujq-form1" style="font-size:22px; color:#333;" method="post" action=""> 
     <div class="form-row"><span class="label">Name *</span><input type="text" name="name" /></div> 
     <div class="form-row"><span class="label">E-Mail *</span><input type="text" name="email" /></div> 
     <div class="form-row"><span class="label">URL</span><input type="text" name="url" /></div> 
     <div class="form-row"><span class="label">Your Comment *</span><textarea name="comment"></textarea></div> 
     <div class="form-row"><input class="submit" type="submit" value="Submit"></div> 
    </form> 
</div> 

而且 - 我哪里会调用发送联系人表单的内容我的电子邮件地址？

Answer 1

你有几个问题：

1. 你链接到验证插件被打破。尝试使用一个从CDN（如微软），而不是：

   <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> 
   

2. 确定要使用的jQuery的版本。现在，你装1.3.2（一个很老的版本），以及最新版本（1.7.1）。我会坚持使用最新版本，除非你有特定的理由不这样做。这也是智能使用CDN：

   <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script> 
   

3. 确保脚本以正确的顺序（jQuery的，然后jQuery验证）加载。如果你的jQuery之前进行验证，您的验证码将无法正常工作：

   <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script> 
   <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> 
   

除了这些问题，你的实际的JavaScript看起来不错。