vue 实现输入框边输入边验证
<el-input v-model="item.remainingPieces" placeholder="请输入剩余件数" @keyup.native="inputChange($event)" @keydown.native="inputChange($event)"></el-input>//这个方法是保留整数inputChange(e){//验证输入饰品件...
<el-input v-model="item.remainingPieces" placeholder="请输入剩余件数" @keyup.native="inputChange($event)" @keydown.native="inputChange($event)"></el-input>
//这个方法是保留整数
inputChange(e){//验证输入饰品件数
var self = this
var o = e.target
o.value=o.value.replace(/[^\d.]/g,'')
o.value = o.value.replace(/[^\d.]/g,""); // 清除“数字”和“.”以外的字符
o.value = o.value.replace(/\./g,""); // 只保留第一个. 清除多余的
if(o.value.indexOf(".")< 0 && o.value !=""){// 以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
o.value= parseFloat(o.value);
}
if(o.value.toString().split(".")[0].length>8){ // 整数部分大于8的时候,限制只能输入8位
if(o.value.toString().indexOf(".")>-1){
o.value = o.value.toString().split(".")[0].substr(0,8)+"."+o.value.toString().split(".")[1]
}
else{
o.value = o.value.toString().split(".")[0].substr(0,8)
}
}
//o.value //这个就是最后过来之后的值
this.value = o.value
},
//这个方法保留两位小数
inputChange(e){//验证输入的金额
var self = this
var obj = e.target
//如果用户第一位输入的是小数点,则重置输入框内容
if (obj.value != '' && obj.value.substr(0, 1) == '.') {
obj.value = "";
}
obj.value = obj.value.replace(/^0*(0\.|[1-9])/, '$1');//粘贴不生效
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');//只能输入两个小数
if (obj.value.indexOf(".") < 0 && obj.value != "") {//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
if (obj.value.substr(0, 1) == '0' && obj.value.length == 2) {
obj.value = obj.value.substr(1, obj.value.length);
}
}
if(parseFloat(self.userInfo.totalBalance)>200000){
if(parseFloat(obj.value)>200000){
obj.value = 200000
}
}else{
if(parseFloat(obj.value)>parseFloat(self.userInfo.totalBalance)){
obj.value = self.userInfo.totalBalance
}
}
self.transferMoney = obj.value
},
更多推荐
所有评论(0)