您好,匿名用户
随意问技术百科期待您的加入

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

0 投票

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

用户头像 提问 2012年 12月1日 @ Teemo 上等兵 (318 威望)
分享到:

1个回答

0 投票
 
最佳答案

一个非常简单的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);
用户头像 回复 2012年 12月1日 @ Gragas 上等兵 (254 威望)
选中 2012年 12月1日 @Teemo
提一个问题:

相关问题

0 投票
1 回复 33 阅读
用户头像 提问 2012年 12月1日 @ Amumu 上等兵 (340 威望)
0 投票
1 回复 79 阅读
0 投票
1 回复 28 阅读
0 投票
1 回复 49 阅读
用户头像 提问 2012年 12月1日 @ Galio 上等兵 (289 威望)
0 投票
1 回复 41 阅读
用户头像 提问 2012年 12月1日 @ Jayce 上等兵 (271 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...