老师，代码有什么问题吗

来源：4-3 编程练习

慕勒8522502

2019-09-21 06:12:28

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

</html>

写回答

1回答