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

Question

我想将输入限制为键入的数字，但最多只有一个数字。例如'0'，'1'，'2'，'9'，但不是'12'或'99'。

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

我现在使用的代码如下所示。 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 =“数字”，它具有相当不错的支持（http://caniuse.com/input-number），使验证内置在浏览器功能，不需要JavaScript（除了作为备份）。

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

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