老师，看看哪里出问题了

来源：4-3 编程练习

qq_触掱钶忣倖福_0

2019-02-14 14:10:23

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>习题</title>
    <style type="text/css">

    </style>
</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(){
       $(this).css({'border-color':'bule'});
       $('span').text('请输入用户名');

    })
    $('input').blur(function(){
       if($(this).val()==''){
           $(this).css({'border-color':'red'});
           $('span').text('用户名不能为空');
       }
       else{
           $(this).css({'border-color':'bule'});
           $('span').text('');
       }

    })

    </script>
</body>

</html>