Javascript/Jquery验证keypress/keydown上的十进制输入

Question

我正试图找到一种方法来验证按键上的文本输入,我想只在我的文本输入中包含数字,包括小数.

我正在采用jQuery.keydown的方法,检查密钥是什么,如果密钥不在允许列表中,则使用event.preventDefault().但从那时起我就已经知道密钥在整个浏览器中并不一致,而且我也担心不同的操作系统.

我遇到过这个问题,但是我不能流利使用正则表达式并且不确定这是否符合我的需求: jquery - 验证按键上的字符？

使用该方法,当键入00时,期望00.00的正则表达式将停止用户,因为在加密时检查正则表达式.

谢谢

Answer 1

如果要限制输入(而不是验证),则可以使用关键事件.这样的事情:

<input type="text" class="numbersOnly" value="" />

和:

jQuery('.numbersOnly').keyup(function () { 
    this.value = this.value.replace(/[^0-9\.]/g,'');
});

或者,我们可以在用户"离开"字段后使用on change事件更新此内容,这样用户仍然可以使用箭头键浏览文本.

jQuery('.numbersOnly').on('change', function () { 
    this.value = this.value.replace(/[^0-9\.]/g,'');
});

这立即让用户知道他们不能输入字母字符等,而不是稍后在验证阶段.

您仍然需要验证,因为输入可能通过使用鼠标切割和粘贴或可能通过可能不会触发键事件的表单自动完成程序来填充.