老师，我这个失去焦点了咋弹不出来123
来源：3-1 账户名验证
慕粉8021849
2019-12-30 19:56:18
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin:0px;
padding:0px;
}
nav{
background-color: #00bff3;
height:50px;
line-height: 50px;
}
.main{
background: #eee;
height:500px;
line-height:30px;}
p{
text-align: center;
}
p .button{
height:25px;
width:50px;
}
</style>
</head>
<body>
<nav>
用户注册
</nav>
<div class="main">
<p><span>用户名：</span><input class="username" type="text" name="1"></p>
<p><span>登录密码：</span><input class="password1" type="password" name="1"></p>
<p><span>确认密码：</span><input class="password2" type="password" name="1"></p>
<p><span>姓名：</span><input class="name1" type="text" name="1"></p>
<p><span>性别：</span><input class="sex" type="text" name="1"></p>
<p><span>身份证号码：</span><input class="idnum" type="text" name="1"></p>
<p><span>邮箱：</span><input class="email" type="text" name="1"></p>
<p><span>手机号码：</span><input class="telnum" type="text" name="1"></p>
<p><input type="button" value="提交" name="1" class="button"></p>
</div>
<script>
var username=document.getElementsByClassName("username");
var password1=document.getElementsByClassName("password1");
var password2=document.getElementsByClassName("password2");
var name1=document.getElementsByClassName("name1");
var sex=document.getElementsByClassName("sex");
var idnum=document.getElementsByClassName("idnum");
var email=document.getElementsByClassName("email");
var telnum=document.getElementsByClassName("telnum");
var button=document.getElementsByClassName("button");
var pusername=/^[a-zA-Z]\w{5,19}$/;
var ppassword1=/^\.{6,18}$/;
var pname1=/^\u4e00-u9fa5{2,4}$/;
var pidnum=/^\d{15}$|^\d{18}$|^\d{17}x$/i;
var pemail=/^\d{5,}@qq.com$|^[a-zA-Z]{4,}@open.com$|^[a-zA-Z]{2,}_[a-zA-Z]{2,}_[a-zA-Z]@qq.com$/;
var ptelnum=/^1[(3)(5)(8)]\d{9}$/;
username.onblur=function{
alert("123");
}
</script>
</body>
</html>
1回答
-
同学你好，关于同学的问题解答如下：
1、当老师运行同学的代码时，控制台报如下错误：
大致意思是有不合法的标记。查看同学代码是绑定事件写错了：
2、同学的事件没有绑定上是因为元素获取错误，我们可以把同学获取的username打印出来看一下：
获得的是一个集合，而非用户名的表单元素：
这是因为通过类名获取元素获取到的是一个集合，我们要在后面加[0]才能获取到我们的元素：
下面的表单元素也是同样的道理，要在后面加[0]。还是建议同学通过id获取元素，这样就不会再遗漏这个点。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题