將表單輸入限制爲單個數字

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/