首页 > 开发 > JS > 正文

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

2017-09-05 13:02:25  来源:网友分享

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

解决方案

一个非常简单的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);