只允许文本框输入数字,输入其他的不显示如何实现?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

只允许文本框输入数字,输入其他的不显示如何实现?

2016-03-23 14:37:31 1726 1

填写QQ号那一栏,使用 <input type="number" /> 对于不支持 html5 的浏览器意义就不大了。
这个主要得用哪个方法来实现呢?

取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:11:03

    一个非常简单的jquery实现

    $('input[type=number]').keydown(function (e) {
        if (e.keyCode < 48 || e.keyCode > 57) {
            return false;
        }
    });

    但是这个东西治标不治本,如果用户用复制粘贴功能或者用鼠标操作,都可以绕过去,你还需要做一个实时检测,及时把不合法的输入去掉

    var lastVal;
    setInterval(function () {
        var input = $('input[type=number]'), val = input.val();
    
        if (lastVal != val) {
            input.val(val.replace(/[^\d]+/g, ''));
            lastVal = val;
        }
    }, 100);
    0 0
相关问答

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 57700浏览量 回答数 19

1

回答

支付宝H5 下载的时候,提示 【请确保该下载文件来源安全,如需浏览,请长按网址复制后使用浏览器访问】

游客ptexzird3doe2 2019-10-14 15:29:54 80615浏览量 回答数 1

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 95910浏览量 回答数 28

65

回答

第一期阿里云高校工作坊申办启动

柚子菌 2017-08-10 17:04:08 44152浏览量 回答数 65

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 47608浏览量 回答数 19

1

回答

H5 直播的疯狂点赞动画是如何实现的?(附完整源码)

剑曼红尘 2020-04-15 19:03:48 35830浏览量 回答数 1

58

回答

技术入门问答集锦,涉及多种技术方向,解决新人学习困惑

管理贝贝 2016-08-03 10:13:27 53498浏览量 回答数 58

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 81434浏览量 回答数 13

61

回答

阿里云OSS需求汇总帖,有需求请进来说说

enj0y 2012-09-05 08:40:29 41765浏览量 回答数 61

46

回答

H5技术百问——不懂H5你就OUT啦

yq传送门 2017-09-09 11:03:04 48271浏览量 回答数 46
2735
文章
6591
问答
问答排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载