老师，这样写有问题吗，还有没有更简单的写法？
来源：4-3 编程练习
weixin_慕仰958966
2019-07-19 16:21:47
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>习题</title>
</head>
<body>
<input type="text" value=""><span></span>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
$(document).ready(function(){
$('input').focus(function(){
$('span').text('请输入用户名')
.css({'color':'#000'});
}).blur(function(){
$('span').text('用户名不能为空')
.css({'color':'red'});
$(this).css({'border-color':'red'});
});
});
</script>
</body>
</html>
1回答
-
好帮手慕星星
2019-07-19
同学你好，代码中的问题：
1、可以在聚焦的时候清除边框样式，如果第一次没有输入内容，边框会变为红色，再次聚焦的时候红色边框还会存在，效果上不美观。
2、缺少判断，失去焦点的时候是否添加了内容，如果有内容，将边框变为绿色。
参考修改：
这样写就可以哦，需要一步一步去判断以及修改样式。
祝学习愉快！
1
相似问题
回答 3
回答 2