input框輸入數據類型的問題


1.限制輸入位數問題

在input標簽中寫上 oninput即可,例如限制6位數

<input type="number" oninput="if(value.length > 6)value = value.slice(0, 6)" v-model="egc_unit_pricce" placeholder="請輸入單價" id="releaseInput">

2.限制輸入小數點后兩位問題

<input type="number" @keydown="currencyInput" v-model="egc_unit_pricce" placeholder="請輸入單價" id="releaseInput">
currencyInput (e) {
  e.target.value = (e.target.value.match(/^\d*(\.?\d{0,1})/g)[0]) || null
}

3.限制輸入為正整數

//這里是在提交是判斷的

if (new RegExp("^[1-9][0-9]*$").test(this.egc_number))
{
//post?提交數據
}

4.監聽輸入框鍵盤輸入時觸發的事件 v-on:keyup="回調方法"

<input type="number" v-on:keyup="reNumber" placeholder="請輸入提現金額" id="reInputNum">
reNumber (e) {
    console.log(e.target.value)
},

 


免責聲明!

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



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