輸入類型編號最大長度5

Question

我想將輸入類型的數量限制為最多5個數字，我正在使用下面的代碼，它運行良好，唯一的問題是，對於退格，我必須使用我不想使用的event.keycode。 除了使用退格鍵碼之外，是否還有其他選擇。

var input = document.getElementById('input');
input.addEventListener('keypress',showData,false)
function showData(event)
{
   if(event.target.value.length<=5)
   {
      return true;
   }
   else
   {
      event.preventDefault();
   }

}

Answer 1

如果需要，如果用戶嘗試鍵入5個以上的數字，則僅保留5個數字：

input.oninput = function() {
    if (this.value.length > 5) {
        this.value = this.value.slice(0,5); 
    }
}

Answer 2

您為什么不只使用：

<input type="number" max="99999">

這仍然不會阻止用戶手動輸入大於99999的值，但是輸入元素將無效。

Answer 3

<input type="number" max="99999" />

如何限制HTML5“數字”元素中的可能輸入？

Answer 4

 <form> <input required type="text" name="inputname" pattern="[0-9]{5,}"> <input type="submit" value="submit"> </form>