请问代码是否正确

来源：4-3 编程练习

mogu54mogu

2019-07-11 18:42:34

<!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(){
    var input = $('input'),
    info = $('span');
    input.focus(function() {
    info.text('请输入用户名');
    input.css({'border-color':'initial'});
    });
    input.blur(function(){
    if(input.val()){
    info.text('');
    input.css({'border-color':'green'});
    }else{
    info.text('用户名不能为空');
    input.css({'border-color':'red'});
    }
    });

    });  
   
    </script>
</body>

</html>

写回答

1回答