jQuery表单验证不起作用？
[英]jQuery form Validation not working?
问题描述
这是我与“联系我们”网页的代码。 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>
3 个解决方案
解决方案1
5 2011-05-07 02:49:39
您的代码可以正常工作，但是您没有放置任何验证规则，因此它什么都不做。
编辑 ：至少，将class="required"到您的强制输入中。
最好的祝福。
解决方案2
2 2011-05-07 03:06:43
<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>
您只需要在每个输入上添加所需的类，就不必对其进行详细介绍，但是您需要查看html表单和输入的网络标准以及良好的格式化习惯
解决方案3
-1 2011-05-14 09:17:37
好吧，jQuery非常棒。 但是您也可以在没有jQuery的情况下执行JavaScript表单验证。 可以参考此JavaScript表单验证教程 。
用Jquery进行表单验证不起作用
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.