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)
},

 

posted @ 2019-12-03 11:13  待炒的鱼  阅读(3390)  评论(0编辑  收藏  举报