js获取input监听文本框值,判断非空示例

2021-01-24   阅读:314   分类:前端    标签: JavaScript

键盘输入实时显示搜索结果数据,需要用到input监听文本框输入的值,然后请求后端数据,以下个简单的方法,共大家参考。

<!DOCTYPE html>
<html>
<head>
         <meta charset="UTF-8">
         <title>Document</title>
         <script src="https://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<style>
         .pop{ display: none;}
</style>
         <input type="text" name="input" id="input">
         <div>不能为空</div>
         <script>
                   $('#input').on("input",function(){
     console.log($(this).val().length);//打印输入框字符长度
                            if($(this).val().length == 0){
                                      $(".pop").show().delay(5000).hide(100);
                            }else{
                                     // 请求数据
                            }
                   });
         </script>
</body>
</html>


【腾讯云】618云上GO!云服务器限时秒杀,1核2G首年95元!

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/591.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

文章评论(0)

登录
简忆博客壁纸 头像

简忆博客
勤于学习,乐于分享。

置顶推荐

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×