if else 感觉没有起到效果
<!DOCTYPE html>
<html>
<head lang="en">
<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 z=document.getElementsByTagName("input");
var l=document.getElementsByTagName("span");
z[0].onfocus=sr;
function sr(){
l[0].innerHTML="请输入您的姓名";
}
z[0].onblur=pd;
function pd(){
if(isNaN(z[0].value)==true){
l[0].innerHTML="勾勾";
}else{
this.className="red";
l[0].innerHTML="叉叉";
}
}
</script>
</body>
</html>
正在回答
同学你好,因为当失去焦点验证时,同学添加了.red样式,在重新得到焦点时,.red样式并没有被去掉,它还存在,所以我们可以手动的在聚焦时去掉它的样式。
祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星