input限制只能輸入數字並限制長度


1.第一種方法:input屬性為number,做if判斷,然后slice選取 (目前使用過此方法,比較簡單)用於添加地址時的手機號碼框

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

2.第二種方法: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,'')}">


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM