input設置maxlength爲最大長度無效解決方案

第一種方法:input屬性爲number,做if判斷,然後slice選取

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

第二種方法:input屬性爲text,設置maxlength爲最大長度,使用onkeyup和onafterpaste 限制只能輸入數字


<input type="text"  placeholder="只能輸入四位數字字符" class="input" id="input" maxlength="4" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^19]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
 onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-19]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章