老师这样可以吗?

来源:4-3 编程练习

Rain_2020

2019-12-25 15:19:55

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

    var inpVal = $(this).val();

    console.log(inpVal)

    if(inpVal==0){

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

    $(this).css("border","2px solid red");

    }else{

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

    $(this).css("border","2px solid green");

    }

    })

   

    </script>

</body>


</html>


写回答

2回答

好帮手慕码

2019-12-25

同学你好,是的,输入正确之后input边框是绿色框,且更加符合效果。

祝学习愉快~

0

好帮手慕码

2019-12-25

同学你好,逻辑是有问题的,如下:

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

建议修改如下:

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

判断输入是否为空:

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

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

1
hain_2020
h 输入完成后不是绿色边框吗?
h019-12-25
共1条回复

0 学习 · 14456 问题

查看课程