老师请检查

来源：4-3 编程练习

大师兄js

2020-04-07 14:11:23

<!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(){
       if(!$(this).val()){
           $('span').text('请输入用户名')
       }else{
             $(this).css({'border':'1px solid green'})
              $('span').text('')
       }
   });

   $('input').blur(function(){
       if(!$(this).val()){
           $('span').text('用户名不能为空')
           $(this).css({'border':'1px solid red'})
       }else{
            $('span').text('')
             $(this).css({'border':'1px solid green'})
       }

   })
    </script>
</body>

</html>