这样子是否可以

来源:4-3 编程练习

拎鸡棒棒哒

2019-02-28 13:35:58

<!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(){

       $('span').text('请输入用户名')

    })

     $('input').blur(function(){

        if($(this).val()==''){

            $(this).css('border','solid red 1px');

            $('span').text('用户名不能为空');

        }else{

            $('span').text('')

        }

         

     })

   

    </script>

</body>


</html>


写回答

1回答

山河远阔ZZ

2019-02-28

同学你好,效果显示有一个小问题:

1、当input标签里面存在内容,并且input也失去了焦点的时候,input的边框要变成绿色哦,参考下图:

http://img.mukewang.com/climg/5c77851400017d5109710327.jpg

自己试一试哦,如果帮助到了你,欢迎采纳。

祝学习愉快!

0

0 学习 · 36712 问题

查看课程