首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery和HTML表单不工作

jQuery和HTML表单不工作
EN

Stack Overflow用户
提问于 2018-06-03 19:01:53
回答 4查看 76关注 0票数 0

我是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”。

我做错了什么?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2018-06-04 05:01:31

我不得不把document.getElementById('pass')放在.textContent后面。

我也不得不把<div id="pass"></div>放在这之前。

票数 0
EN

Stack Overflow用户

发布于 2018-06-03 19:05:00

在您的代码中没有名为“pass”的元素...有一个I'd='password‘

我可以推荐你去w3schools.com看看更多的练习吗

票数 0
EN

Stack Overflow用户

发布于 2018-06-03 19:14:41

此外,由于您的JS代码位于头部,因此它可能会在加载DOM之前执行。在修复'pass‘之后,还要确保使用document.ready或将JS放在关闭body标记之前。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50665669

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档