为什么Jquery跳过验证并显示成功？

我使用jquery进行验证，它跳过了验证并显示成功，但我没有在文本字段中键入任何值。任何能帮忙的人都可以

这是我的jquery

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/zjquery.validate.js">
</script>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>

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

</script>
<style type="text/css">
  label.valid {
    color: green !important; // !important added  
  } 
  label.error { 
    float: none; 
    color: red; 
    padding-left: .5em; 
    vertical-align: top;  
  }

</style>

<script>
  $(document).ready(function() {
    $('#results').hide();
    $("#contactform").validate({
      debug: false,
      rules: {
        fname: "required",
        subject: "required",
        email: "required",
        message: "required",
        email: {
          required: true,
          email: true
        }
      },
      messages: {
        Paymentfrequency: "Select frequency",
        fname: "Type name ",
        subject: "Type surname ",
        email: "invalid email",     
        message: "Select loan type",                
      },
      submitHandler: function(form) {
        $.post('mailmeform.php', $("#contactform").serialize(), function(data) {
          $('#contactform').fadeOut("slow");  
          $('#results').fadeIn(2000);
        });
      }
    });
  });
</script>

label.valid{
颜色：绿色！重要；//！重要添加
} 
label.error{
浮动：无；
颜色：红色；
左侧填充：.5em；
垂直对齐：顶部；
}
$（文档）.ready（函数（）{
$（“#结果”）.hide（）；
$（“#联系人表单”）。验证({
调试：错误，
规则：{
fname：“必需”，
主题：“必选”，
电子邮件：“必需”，
信息：“必需”，
电邮：{
要求：正确，
电子邮件：真的
}
},
信息：{
Paymentfrequency：“选择频率”，
fname:“类型名称”，
主题：“键入姓氏”，
电子邮件：“无效电子邮件”，
消息：“选择贷款类型”，
},
submitHandler:函数（表单）{
$.post（'mailmeform.php'，$（“#contactform”）.serialize（），函数（数据）{
$（“#contactform”）.fadeOut（“慢”）；
$（“#结果”）。fadeIn（2000年）；
});
}
});
});

下面是HTML

<table name="contacttable" border="0" width="100%">
<form id="contactform" action="mailmeform.php" method = "post">
<table>
  <tr><td><label>Name:</label></td><td><input type = "text" name = "fname"></td></tr>
  <tr><td><label>Subject:</label></td><td><input type = "text" name = "subject"></td></tr>
  <tr><td><label class="required">Email:</label></td><td><input type = "text" name = "email" ></td></tr>
  <tr><td><label>message:</label></td><td><textarea cols = 40 rows=5 name = "message"></textarea></td></tr> 
  <tr><td><input type = "submit" value = "send"></td></tr>
  </h3>
</form><tr>
<td><div id ="results"><p>Thanks We will be back to you soon</p></div></td>
</tr>
</div>
</table>

姓名：
主题：
电邮：
信息：
谢谢，我们很快就会回来的

您正在使用Jquery验证插件

只需尝试在演示中添加类：

class="required"
class="required email"

您添加了两次Jquery验证scripst。删除一个：

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

---

单击按钮尝试表单验证

 $('#submit').click(function(){

//your code

and if true 
$('#results').show();
});

及

---

无效HTML是验证失败的原因。不匹配的标记、未闭合的标记、表中的零散的

和

标记，但关键的错误是如何将

标记缠绕在

周围

<table name="contacttable" border="0" width="100%">
    <form id="contactform" action="mailmeform.php" method = "post">
        <table>
            <tr>...</tr>
            <tr>...</tr>
    </h3>
    </form>
        <tr>...</tr>
    </div>
</table>

...
...
...

清除此HTML后，jQuery验证插件即可正常工作：

演示：

---

另外，您已经包含了两次插件。删除第二个实例

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

您已经两次包含jQuery，请删除旧版本

<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

更像这样：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>

请将代码格式化为可读格式。@Simon非常感谢您的编辑，谢谢manPrisz，它不会改变任何您不能改变的内容believe@NorbartPisz 100%诚实地说，我不知道如何检查jsIn Chrome ctrl+shift+c、firefox ctrl+shift+k中的错误。转到控制台选项卡，然后重新加载页面并检查错误。没有检测到错误。我真的不知道这段代码是怎么回事

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>