请老师检查下代码

来源：4-3 编程练习

慕仙0287733

2020-06-12 19:49:03

<!DOCTYPE html>
<html lang="en">

<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('请输入用户名')
});
$('input').blur(function () {
if($('input').val()){
$('input').css({'border': '1px blue solid'});
$('span').text('');
}
else {
$('input').css({'border': '1px red solid'});
$('span').text('用户名不能为空');
}
});
});
</script>
</body>

</html>