老师那个.val()是不是指value的值呀

来源:4-3 编程练习

哈哈哈哈哈哈哈哈哦

2019-05-12 13:19:48

<!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("请输入用户名");


   }).blur(function(){

    if(!$('input').val()){

    $('input').css({'border-color':'red'});

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

    }else{

    $('input').css({'border-color':'green'});

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

    }

   })

    </script>

</body>


</html>


写回答

1回答

好帮手慕码

2019-05-12

同学你好!

这里的.val()指的就是value值哦~

在聚焦不输入,失焦,再次聚焦的时候边框重叠了:

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

可以在聚焦的时候清空边框的样式:

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

如果帮助到了你 欢迎采纳 祝学习愉快~

0

0 学习 · 14456 问题

查看课程