場景

<input type="text"? maxlength="5" />?? //可以 <input type="number"? maxlength="5" />? //沒有效果

如果為number怎樣控制輸入長度

解決

<input type="number" oninput="if(value.length>4) value=value.slice(0,4)" />

添加oninput事件，用js進行判斷，如果長度大于4位，則截取前四位。

如果還要添加別的驗證規則比如保留兩位小數或者實現數字的自動計算，可以

oninput="rs(this.value);if(value.length>4) value=value.slice(0,4)"

其中rs()是其他要執行的操作，注意中間加；

還要注意執行的順序。

總結

以上是生活随笔為你收集整理的Input为number类型maxlength不好使，用js轻松解决的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。