如何解决使用jQuery验证插件进行最简单的形式验证将不起作用
| 我正在尝试学习jQuery验证插件,因此我用最简单的验证代码创建了最简单的表单,但仍然无法正常工作!当我单击“提交”按钮(使该字段为空)时,我将被发送到默认页面,就像表单已提交一样(URL为\“ myurl.com/?name = \”)。下面是代码,试图做到与工作教程相同。<!DOCTYPE HTML PUBLIC \'-//W3C//DTD HTML 4.01//EN\' \'http://www.w3.org/TR/html4/strict.dtd\'>
<html>
<head>
<script type=\'text/javascript\' src=\'http://myurl.com/jquery.validate.js\'></script>
<script type=\'text/javascript\' src=\'http://myurl.com/jquery.js\'></script>
<script type=\'text/javascript\'>
$(document).ready(function() {
$(\"#test_form\").validate();
});
</script>
<script type=\'text/css\'>
label.error { color:Red; }
</script>
</head>
<body>
<form id=\'test_form\' action=\'\' method=\'GET\'>
<p><label for=\'name\'>Name</label><br />
<input type=\'text\' id=\'name\' name=\'name\' minlength=\'4\' class=\'required\' /></p>
<p><input type=\'submit\' value=\'Submit\' /></p>
</form>
</body>
</html>
解决方法
您必须在插件
jquery.validate.js
之前加载主插件jquery.js
。脚本以其解析顺序加载。
当尝试加载验证插件时,以上结果导致脚本错误,因为尚未加载jQuery,扩展的jQuery对象当时不存在。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。