两位小数的正则验证和整数的正则

let PriceNumberInput = document.getElementById('priceInput')
let priceNumber = PriceNumberInput.value
let regStrs = [
   ['[^\\d\\.]+$', ''], // 禁止录入任何非数字和点
   ['\\.(\\d?)\\.+', '.$1'], // 禁止录入两个以上的点
   ['^(\\d+\\.\\d{2}).+', '$1'] // 禁止录入小数点后两位以上
]
if(priceNumber !== '' && priceNumber !== 0){
   for (let i = 0; i < regStrs.length; i++) {
      let reg = new RegExp(regStrs[i][0])
      priceNumber = priceNumber.replace(reg, regStrs[i][1])
   }
}
if(PriceNumberInput.value !== priceNumber){
    PriceNumberInput.value = priceNumber
}

1. vue项目可将input的type设置为text

2. 测试element-ui的el-input尝试这样强制修改input的value属性失败

3.  v-model双向绑定的input输入框,会出现priceNumber的值改变,视图没进行改变,故需要增加input的value是否与priceNumber的值相等,如不等可手动进行修改


---------------------------------         整数         ---------------------------

 
if(num !== '' && num !== 0){
   num = num.replace(/[^\d]/g, '')
 }
 if (numInput.value !== num) {
   numInput.value = num
 }

注意:

1. input的type需为text





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值