如何解决hide函数在jQuery中不起作用
| 我在使用jQuery验证表单时遇到问题。 这是我的JavaScript文件:test.js。$(function() {
$(\'.error\').hide();
$(\".button\").click(function() {
$(\'.error\').hide();
var name = $(\"input#name\").val();
if (name == \"\") {
$(\"label#name_error\").show();
$(\"input#name\").focus();
return false;
}
});
});
这是我的html文件。
<html>
<head>
<script type=\"text/javascript\" src=\"test.js\"></script>
<script type=\"text/javascript\" src=\"jquery-1.5.2.min.js\"></script>
</head>
<body>
<div id=\"contact_form\">
<form name=\"contact\" action=\"\">
<label for=\"name\" id=\"name_label\">Name</label>
<input type=\"text\" name=\"name\" id=\"name\" size=\"30\" value=\"\" class=\"text-input\" />
<label class=\"error\" for=\"name\" id=\"name_error\">This field is required.</label>
</form>
</div>
</body>
</html>
我将这两个文件和jQuery文件放在服务器上的同一目录中,但是内容“此字段是必需的。”仍然可见。似乎test.js中的hide()函数不起作用。谁能指出我哪里错了?太谢谢了!
解决方法
将您的jquery文件放在您的
test.js
之前。
<script type=\"text/javascript\" src=\"jquery-1.5.2.min.js\"></script>
<script type=\"text/javascript\" src=\"test.js\"></script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。