老师，我的代码有问题，帮我看一下
来源：3-8 编程练习
Jeremy_Li7
2019-12-27 17:39:08
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onblur和onfocus</title>
<style type="text/css">
.red{
border:1px solid red;
}
</style>
</head>
<body>
姓名：<input type="text"> <span></span>
<script type="text/javascript">
// 补充代码
var inputs=document.getElementsByTagName("input")[0],
xm=inputs.value;
var spans=document.getElementsByTagName("span")[0];
inputs.onfocus=function(){
spans.removeAttribute("class");
if(typeof xm==null)
{spans.innerHTML="请输入您的姓名";}
}
inputs.onblur=function(){
if(typeof xm==null)
{
spans.innerHTML="用户名不能为空";
inputs.className="red";}
else{
}
}
</script>
</body>
</html>写回答
2回答
-
同学你好， 因为刚开始声明的xm， 获取的是输入框初始状态的值为空，后面不会随着输入框的内容改变而改变，所以需要在输入框失去和获取焦点时，重新获取此时输入框的内容进行判断。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0 -
好帮手慕慕子
2019-12-27
同学你好，代码中问题较多，可以参考下图修改：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0h019-12-27
相似问题