问个问题~~

来源:4-3 编程练习

Oo君陌oO

2019-02-24 14:50:41

<!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(){
         $("span").text("用户名不能为空");
         $(this).css({"border":"2px solid red"});
    })
    
    var len=$("input").val().length;
        if(len>0){
           $("span").text("正在输入"); 
        }
   
    </script>
</body>

</html>

最后的代码我想写一个判断 输入框内有值情况下 span内文字发生改变 这么写对吗 ,写完测试没反应

写回答

1回答

好帮手慕夭夭

2019-02-25

你好同学 , 没有反应是因为没有把他放在事件里面 ,那么页面打开的时候会自动执行 . 由于刚打开时value值为空 ,所以不会执行if中的语句了 . 如果同学想实现一个正在输入的功能 . 可以结合前面学到的键盘事件 , 当正在敲键盘输入内容时候 ,去提示正在输入 , 参考如下 :

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

希望对你有帮助 , 祝学习愉快 ,望采纳 .

0

0 学习 · 36712 问题

查看课程