老师这样可以吗?
来源:4-3 编程练习
Rain_2020
2019-12-25 15:19:55
<!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>
//此处写代码
$('input').focus(function(){
$('span').text('请输入用户名');
})
$('input').blur(function(){
var inpVal = $(this).val();
console.log(inpVal)
if(inpVal==0){
$('span').text('用户名不能为空');
$(this).css("border","2px solid red");
}else{
$('span').text('');
$(this).css("border","2px solid green");
}
})
</script>
</body>
</html>
2回答
同学你好,是的,输入正确之后input边框是绿色框,且更加符合效果。
祝学习愉快~
好帮手慕码
2019-12-25
同学你好,逻辑是有问题的,如下:

建议修改如下:

判断输入是否为空:

如果我的回答帮到了你,欢迎采纳,祝学习愉快~