3-6问题
<!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">
window.onload=function(){
var inp=document.getElementsByTagName("input")[0];
var sp=document.getElementsByTagName("span")[0]
inp.onfocus=function(){
if(inp.value==""){
inp.className="";
sp.innerHTML="请输入您的姓名";
}
}
inp.onblur=function(){
if(inp.value==""){
sp.innerHTML="用户名不能为空";
inp.className="red";
}else{
sp.style.display="none";
}
}
}
// 补充代码
</script>
</body>
</html>老师,请帮忙看下。在做的时候发现一个问题,当我输入正确之后再删除掉文字再获取焦点,这个时候就没有问题提醒了,请指正下,谢谢
19
收起
正在回答
2回答
失去焦点的时候,如果内容为空,要让提示显示

相似问题
登录后可查看更多问答,登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星