输入类型编号最大长度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>