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