我是JavaScript的新手,对jQuery一无所知。然而,我正在为我的班级做一个作业,我需要做一个密码表。如果有人能帮我一下,我将不胜感激。
我的代码:(在主要HTML文档的头部):
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$('pass').load('example.html #password');
});
</script>
在example.html中:
<body>
<div id="password">test123</div>
</body>
主要HTML文档的正文:
<form name="login">
Username <input type="text" name="userid"/>
Password <input type="password" name="pswrd"/>
<input type="button" onclick="check(this.form)" value="Login"/>
<input type="reset" value="Cancel"/>
</form>
<script language="javascript">
function check(form)
{
var elem = document.getElementById('pass')
if(form.userid.value == elem && form.pswrd.value == "pass")
{
alert("success!")
}
else
{
alert("nope")
}
}
</script>
问题是,即使用户名是"test123“,密码是"pass",它仍然警告"nope”。
我做错了什么?
发布于 2018-06-04 05:01:31
我不得不把document.getElementById('pass')
放在.textContent
后面。
我也不得不把<div id="pass"></div>
放在这之前。
发布于 2018-06-03 19:05:00
在您的代码中没有名为“pass”的元素...有一个I'd='password‘
我可以推荐你去w3schools.com看看更多的练习吗
发布于 2018-06-03 19:14:41
此外,由于您的JS代码位于头部,因此它可能会在加载DOM之前执行。在修复'pass‘之后,还要确保使用document.ready或将JS放在关闭body标记之前。
https://stackoverflow.com/questions/50665669
复制相似问题