Javascript jQuery表单验证不起作用？_Javascript_Jquery_Html_Jquery Plugins

Javascript jQuery表单验证不起作用？

javascript jquery html jquery-plugins

Javascript jQuery表单验证不起作用？,javascript,jquery,html,jquery-plugins,Javascript,Jquery,Html,Jquery Plugins,这是我的“联系我们”网页代码。为什么它不能与jquery验证程序插件一起工作？我做错什么了吗？请帮忙。谢谢验证器根本不工作。它允许提交表格，即使我没有填写任何东西 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1

这是我的“联系我们”网页代码。为什么它不能与jquery验证程序插件一起工作？我做错什么了吗？请帮忙。谢谢验证器根本不工作。它允许提交表格，即使我没有填写任何东西

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <script 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>

      <script>
      $(document).ready(function(){
        $("#myform").validate();
      });
      </script>
    </head>

    <body bgcolor="#ffffff">
    <div id="contactuscontent">
      <form class="cmxform" id="myform" method="post" action="sendmail.php">
    Your Name: <br />
    <input type="text" name="visitor" size="35"   />
    <br />
    Your Email:<br />
    <input type="email" name="visitormail" size="35"  />
    <br /> <br />
    Subject:<br />
    <input type="text"  name="subject" size="35"  />
    <br /><br />
    Mail Message:
    <br />
    <textarea name="notes" rows="4" cols="40"  ></textarea>
    <br />
    <input type="submit" value="Send Mail" />
    <br />
    </form>
    </div>
    </body>
    </html>

  <script>
  $(document).ready(function(){
    $("#myform").validate();
  });
  </script>
</head>

<body bgcolor="#ffffff">
<div id="contactuscontent">
  <form class="cmxform" id="myform" method="post" action="sendmail.php">
Your Name: <br />
<input type="text" name="visitor" class="required" size="35"   />
<br />
Your Email:<br />
<input type="email" name="visitormail" class="email required" size="35"  />
<br /> <br />
Subject:<br />
<input type="text"  name="subject" class="required" size="35"  />
<br /><br />
Mail Message:
<br />
<textarea name="notes" rows="4" cols="40" class="required" ></textarea>
<br />
<input type="submit" value="Send Mail" />
<br />
</form>
</div>
</body>
</html>


$（文档）.ready（函数（）{
$（“#myform”）.validate（）；
});
您的姓名：



您的电子邮件：




主题：




邮件：

您的代码工作正常，但您没有设置任何验证规则，这就是为什么它什么也不做

  <script>
  $(document).ready(function(){
    $("#myform").validate();
  });
  </script>
</head>

<body bgcolor="#ffffff">
<div id="contactuscontent">
  <form class="cmxform" id="myform" method="post" action="sendmail.php">
Your Name: <br />
<input type="text" name="visitor" class="required" size="35"   />
<br />
Your Email:<br />
<input type="email" name="visitormail" class="email required" size="35"  />
<br /> <br />
Subject:<br />
<input type="text"  name="subject" class="required" size="35"  />
<br /><br />
Mail Message:
<br />
<textarea name="notes" rows="4" cols="40" class="required" ></textarea>
<br />
<input type="submit" value="Send Mail" />
<br />
</form>
</div>
</body>
</html>

编辑：至少在您的必填输入中添加一个

class=“required”

  <script>
  $(document).ready(function(){
    $("#myform").validate();
  });
  </script>
</head>

<body bgcolor="#ffffff">
<div id="contactuscontent">
  <form class="cmxform" id="myform" method="post" action="sendmail.php">
Your Name: <br />
<input type="text" name="visitor" class="required" size="35"   />
<br />
Your Email:<br />
<input type="email" name="visitormail" class="email required" size="35"  />
<br /> <br />
Subject:<br />
<input type="text"  name="subject" class="required" size="35"  />
<br /><br />
Mail Message:
<br />
<textarea name="notes" rows="4" cols="40" class="required" ></textarea>
<br />
<input type="submit" value="Send Mail" />
<br />
</form>
</div>
</body>
</html>

致以最诚挚的问候。

您的代码运行良好，但您没有设置任何验证规则，这就是它不起作用的原因

  <script>
  $(document).ready(function(){
    $("#myform").validate();
  });
  </script>
</head>

<body bgcolor="#ffffff">
<div id="contactuscontent">
  <form class="cmxform" id="myform" method="post" action="sendmail.php">
Your Name: <br />
<input type="text" name="visitor" class="required" size="35"   />
<br />
Your Email:<br />
<input type="email" name="visitormail" class="email required" size="35"  />
<br /> <br />
Subject:<br />
<input type="text"  name="subject" class="required" size="35"  />
<br /><br />
Mail Message:
<br />
<textarea name="notes" rows="4" cols="40" class="required" ></textarea>
<br />
<input type="submit" value="Send Mail" />
<br />
</form>
</div>
</body>
</html>

编辑：至少在您的必填输入中添加一个

class=“required”

  <script>
  $(document).ready(function(){
    $("#myform").validate();
  });
  </script>
</head>

<body bgcolor="#ffffff">
<div id="contactuscontent">
  <form class="cmxform" id="myform" method="post" action="sendmail.php">
Your Name: <br />
<input type="text" name="visitor" class="required" size="35"   />
<br />
Your Email:<br />
<input type="email" name="visitormail" class="email required" size="35"  />
<br /> <br />
Subject:<br />
<input type="text"  name="subject" class="required" size="35"  />
<br /><br />
Mail Message:
<br />
<textarea name="notes" rows="4" cols="40" class="required" ></textarea>
<br />
<input type="submit" value="Send Mail" />
<br />
</form>
</div>
</body>
</html>

致以最诚挚的问候。

  <script>
  $(document).ready(function(){
    $("#myform").validate();
  });
  </script>
</head>

<body bgcolor="#ffffff">
<div id="contactuscontent">
  <form class="cmxform" id="myform" method="post" action="sendmail.php">
Your Name: <br />
<input type="text" name="visitor" class="required" size="35"   />
<br />
Your Email:<br />
<input type="email" name="visitormail" class="email required" size="35"  />
<br /> <br />
Subject:<br />
<input type="text"  name="subject" class="required" size="35"  />
<br /><br />
Mail Message:
<br />
<textarea name="notes" rows="4" cols="40" class="required" ></textarea>
<br />
<input type="submit" value="Send Mail" />
<br />
</form>
</div>
</body>
</html>

  <script>
  $(document).ready(function(){
    $("#myform").validate();
  });
  </script>
</head>

<body bgcolor="#ffffff">
<div id="contactuscontent">
  <form class="cmxform" id="myform" method="post" action="sendmail.php">
Your Name: <br />
<input type="text" name="visitor" class="required" size="35"   />
<br />
Your Email:<br />
<input type="email" name="visitormail" class="email required" size="35"  />
<br /> <br />
Subject:<br />
<input type="text"  name="subject" class="required" size="35"  />
<br /><br />
Mail Message:
<br />
<textarea name="notes" rows="4" cols="40" class="required" ></textarea>
<br />
<input type="submit" value="Send Mail" />
<br />
</form>
</div>
</body>
</html>


$（文档）.ready（函数（）{
$（“#myform”）.validate（）；
});
您的姓名：



您的电子邮件：




主题：




邮件：

您只需要在每个输入上添加您想要的类，不需要详细说明，但您需要查看html表单和输入的web标准以及良好的格式实践

  <script>
  $(document).ready(function(){
    $("#myform").validate();
  });
  </script>
</head>

<body bgcolor="#ffffff">
<div id="contactuscontent">
  <form class="cmxform" id="myform" method="post" action="sendmail.php">
Your Name: <br />
<input type="text" name="visitor" class="required" size="35"   />
<br />
Your Email:<br />
<input type="email" name="visitormail" class="email required" size="35"  />
<br /> <br />
Subject:<br />
<input type="text"  name="subject" class="required" size="35"  />
<br /><br />
Mail Message:
<br />
<textarea name="notes" rows="4" cols="40" class="required" ></textarea>
<br />
<input type="submit" value="Send Mail" />
<br />
</form>
</div>
</body>
</html>

  <script>
  $(document).ready(function(){
    $("#myform").validate();
  });
  </script>
</head>

<body bgcolor="#ffffff">
<div id="contactuscontent">
  <form class="cmxform" id="myform" method="post" action="sendmail.php">
Your Name: <br />
<input type="text" name="visitor" class="required" size="35"   />
<br />
Your Email:<br />
<input type="email" name="visitormail" class="email required" size="35"  />
<br /> <br />
Subject:<br />
<input type="text"  name="subject" class="required" size="35"  />
<br /><br />
Mail Message:
<br />
<textarea name="notes" rows="4" cols="40" class="required" ></textarea>
<br />
<input type="submit" value="Send Mail" />
<br />
</form>
</div>
</body>
</html>


$（文档）.ready（函数（）{
$（“#myform”）.validate（）；
});
您的姓名：



您的电子邮件：




主题：




邮件：

您只需要在每个输入上添加您想要的类，不需要详细介绍，但您需要了解html表单和输入的web标准以及良好的格式设置实践。但是您也可以在不使用jQuery的情况下进行JavaScript表单验证。可以参考这一点。

好吧，jQuery非常棒。但是您也可以在不使用jQuery的情况下进行JavaScript表单验证。可以参考这个。

那没有回答问题。那没有回答问题。

  <script>
  $(document).ready(function(){
    $("#myform").validate();
  });
  </script>
</head>

<body bgcolor="#ffffff">
<div id="contactuscontent">
  <form class="cmxform" id="myform" method="post" action="sendmail.php">
Your Name: <br />
<input type="text" name="visitor" class="required" size="35"   />
<br />
Your Email:<br />
<input type="email" name="visitormail" class="email required" size="35"  />
<br /> <br />
Subject:<br />
<input type="text"  name="subject" class="required" size="35"  />
<br /><br />
Mail Message:
<br />
<textarea name="notes" rows="4" cols="40" class="required" ></textarea>
<br />
<input type="submit" value="Send Mail" />
<br />
</form>
</div>
</body>
</html>