老师我这个为什么输入了还是显示用户名不能为空
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.red{
border-color: red;
}
</style>
</head>
<body>
姓名：<input type="text"> <span></span>
<script type="text/javascript">
// 补充代码
var inPut = document.getElementsByTagName('input')[0];
var span = document.getElementsByTagName('span')[0];
inPut.onfocus = function () {
span.innerHTML = '请输入你的姓名';
}
inPut.onblur = function () {
if (inPut.innerText != null) {
span.innerHTML = '用户名不能为空';
inPut.className = 'red';
} else {
span.innerHTML = '';
}
}
</script>
</body>
</html>
13
收起
正在回答
2回答
同学你好，代码问题如下：
1、想要获取input标签内容，需要使用value属性，innerText属性不能获取
2、if条件中应该判断input内容为空，空是空字符串而不是null
3、在有内容的时候需要将input去掉red类，建议在聚焦的时候也去掉，避免边框颜色重复
参考
祝学习愉快！
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星