Question

我想将输入限制为键入的数字，但最多只能输入一个数字。例如＆＃39; 0＆＃39;，＆＃39; 1＆＃39;，＆＃39; 2＆＃39;，＆＃39; 9＆＃39;，但不是＆＃39; 12＆＃39;或者＆＃39; 99＆＃39;。

我的问题是我可以在当前代码中输入任意数量的数字。

我正在使用的当前代码转载如下。 Here is a JSFiddle where you can test it.

$('.numbersOnly').keypress(function(e) {
            var verified = (e.which == 8 || e.which == undefined || e.which == 0) ? null : String.fromCharCode(e.which).match(/[^0-9]/);
            if (verified) {e.preventDefault();}
    });

Answer 1

我能想到的最简单的方法：

$('.numbersOnly').keypress(function(e) {
            var allowed = /[^0-9]/;
            if (!/\./.test($(this).val())) allowed = /[^0-9\.]/;

            var verified = (e.which == 8 || e.which == undefined || e.which == 0) ? null : String.fromCharCode(e.which).match(allowed);
            if (verified) {e.preventDefault();}
    });

Answer 2

你也可以使用type =“number”的输入元素，它有很好的支持（http://caniuse.com/input-number），并使验证成为一个内置的浏览器功能，不需要javascript（除了作为备份）。< / p>

<form>
  <input type="number" name="quantity" min="0" max="9">
  <input type="submit">
</form>

http://jsfiddle.net/michaelburtonray/cxb8W/7/

将表单输入限制为单个数字

2 个答案: