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

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

阅读 6k
3 个回答

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

个人以为不要用setTimeout,太耗性能了,绑定到keypress(或者keyup),以及blur事件,然后用正则判断当前字符串是否为全是数字,然后做相应的处理

可以用正则吧,判断输入的是否是数字,如果不是数字,就阻止事件。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏