当前位置 : 主页 > 编程语言 > java >

js对input输入金额的校验

来源:互联网 收集:自由互联 发布时间:2023-02-04
1.html样式 input placeholder="请输入收费金额" type="digit" @input="amountCharge" v-model="couponInfo.couponMoney" / 2.js的事件方法 amountCharge(event){ let sNum = event.target.value.toString(); //先转换成字符串类 if (s

1.html样式

<input placeholder="请输入收费金额" type="digit" @input="amountCharge" v-model="couponInfo.couponMoney" />

2.js的事件方法

amountCharge(event){ let sNum = event.target.value.toString(); //先转换成字符串类 if (sNum.indexOf('.') == 0) {//第一位就是 . console.log('first str is .') sNum = '0' + sNum } sNum = sNum.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符 sNum = sNum.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的 sNum = sNum.replace(".","$#$").replace(/\./g,"").replace("$#$","."); sNum = sNum.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入两个小数 //以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额 if(sNum.indexOf(".")< 0 && sNum !=""){ sNum= parseFloat(sNum); } console.log('输入的值1',sNum) setTimeout(()=>{ this.couponInfo.couponMoney=sNum },50) console.log('输入的值2',this.couponInfo.couponMoney) },

网友评论