如何限制输入类型的最大长度

<input name="somename"
    oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
    type = "number"
    maxlength = "6"
 />

<input type="number"> is just that…一个数字输入(尽管不能通过Javascript从字符串转换为浮点数)。

我猜，它不会限制字符的maxLength的关键输入，否则你的用户可能会陷入“关键陷阱”，如果他们忘记了一个小数在开始(尝试放一个。在索引1，当<输入类型"text"> "maxLength" attr已经到达)。然而，如果你设置了max属性，它将在表单提交时验证。

如果试图限制/验证一个电话号码，请使用type="tel" attr/value。它遵从maxLength attr，只显示移动号码键盘(在现代浏览器中)，你可以将输入限制为一个模式(即pattern="[0-9]{10}")。

输入类型文本和oninput事件与regex只接受数字为我工作。

<input type="text" maxlength="4" oninput="this.value=this.value.replace(/[^0-9]/g,'');" id="myId"/>

我有两种方法

首先:使用type="tel"，它将像mobile中的type="number"一样工作，并接受maxlength:

<input type="tel" />

第二:使用一点JavaScript:

<!-- maxlength="2" -->
<input type="tel" onKeyDown="if(this.value.length==2 && event.keyCode!=8) return false;" />

这个代码对我有用

<形式方法=“post”> <label for="myNumber">我的号码:</label> <input type="number" maxlength="9" required Oninput ="javascript: if (this.value。长度> this. maxlength) this。Value = this.value。片(0,this.maxLength);“> < br > < br > <input type="submit" value=" submit" > > < /形式

试着用tel:

 maxlength="5" type="tel"