jQuery表单验证未验证
[英]jQuery Form Validation Not Validating
问题描述
我只是在疯自己。 我不知道为什么我的jQuery验证无法正常工作。 该功能甚至没有在Dreamweaver中弹出，就像找不到它一样。 我直接从jQuery网站上删除了此代码。 有人请帮忙！
这是我的HTML代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Logic & Design: Home</title>
<link rel="stylesheet" type="text/css" href="styles/divs.css" />
<link rel="stylesheet" type="text/css" href="styles/fonts.css" />
<link rel="stylesheet" type="text/css" href="styles/forms.css" />
<link rel="stylesheet" type="text/css" href="styles/tags.css" />
<link rel="stylesheet" type="text/css" href="styles/images.css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script src="scripts/animations.js"></script>
<script src="scripts/socialMediaPlugins.js"></script>
<script src="scripts/formValidate.js"></script>
</head>
<body>
<div id="wrapper">
<header>
<img id="logo" alt="logo" src="images/Logo.png" />
</header>
<div id="divider">
<img id="headerDivider" alt="Line" src="images/Line.jpg" />
</div>
<nav>
<div class="Button" id="selectedButton">
<img id="arrowOverlay" alt="Overlay" src="images/Arrows/FadeArrow.png" />
<img id="extender" alt="Home" src="Images/Arrows/Arrow%20Body.png" />
<img id="selectedArrow" alt="Contact Me" src="Images/Arrows/Contact/Contact.png"/>
</div>
<div class="Button" id="homeButton">
<img alt="Home" src="Images/Arrows/Home/Home.png" />
</div>
<div class="Button" id="aboutButton">
<img alt="About Me" src="Images/Arrows/About/About.png"/>
</div>
<div class="Button" id="abilitiesButton">
<img alt="My Abilities" src="Images/Arrows/Abilities/Abilities.png"/>
</div>
<div class="Button" id="portfolioButton">
<img alt="My Portfolio" src="Images/Arrows/Portfolio/Portfolio.png"/>
</div>
</nav>
<div id="mainContent">
<div id="innerContent">
<form id="emailForm" name="Email" method="post" action="">
<div class="FormRow"><label for="Name">Name</label><input name="Name" type="text" /></div>
<div class="FormRow"><label for="Email">Email Address</label><input name="Email" type="text" /></div>
<div class="FormRow"><textarea name="Message"></textarea></div>
<div class="FormRow"><input type="submit" name="Submit" value="Message Me!" /></div>
</form>
<div id="results"></div>
</div>
</div>
<div id="imageBar">
<div id="networkingIcons">
<div id="fb" class="fb-like-box" data-href="http://www.facebook.com/logicanddesign" data-width="200" data-height="75" data-colorscheme="dark" data-show-faces="false" data-stream="false" data-header="false"></div>
<a class="twitter-timeline" href="https://twitter.com/JackSchaible" data-widget-id="266804071627898880">Tweets by @JackSchaible</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div class="g-plus" data-width="199" data-height="69" data-href="https://plus.google.com/105579960548041650339" data-rel="author" data-theme="dark"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script>
</div>
</div>
<footer>
<p>© <script type="text/javascript">document.write((new Date).getFullYear());</script> Jack Schaible</p>
</footer>
</div>
<?php
/*if ($errors != '') {
echo '<script type="text/javascript">';
echo 'alert($errors);';
echo '</script>';
}*/
?>
</body>
</html>
这是我的formValidate.js ：
// JavaScript Document
$(document).ready(function(){
$("#emailForm").validate();
});
2 个解决方案
解决方案1
1 已采纳 2012-11-11 05:20:27
我认为您缺少验证规则。
<form id="emailForm" name="Email" method="post" action="">
<div class="FormRow"><label for="Name">Name</label><input name="Name" type="text" class="required" /></div>
<div class="FormRow"><label for="Email">Email Address</label><input name="Email" type="text" class="required email" /></div>
<div class="FormRow"><textarea name="Message"></textarea></div>
<div class="FormRow"><input type="submit" name="Submit" value="Message Me!" /></div>
</form>
应该是上面的东西。 在表单元素的class属性中添加验证规则。
解决方案2
0 2012-11-11 05:16:45
您是否正在检查表格是否有效？ 像这样吗
if ($("emailForm").valid() === true) { ... } else { return; }
jQuery验证表单未验证并提交
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.