input输入框只能录入数字且小数点后只能录入两位的正则表达式适用于Vue

爱新觉罗·苟子

2729人浏览 · 2022-08-17 10:59:50

爱新觉罗·苟子 · 2022-08-17 10:59:50 发布

通过正则表达式限制输入框只能录入数字和小数点，且小数点后只能录入两位小数，

input 上绑定input事件，

<el-input @input="numberFn('itemBudget')" v-model="formLabelAlign.itemBudget"></el-input>
<el-input  @input="numberFn('itemTotalInvestment')" v-model="formLabelAlign.itemTotalInvestment"></el-input>
<el-input  @input="numberFn('itemGroupInvestment')" v-model="formLabelAlign.itemGroupInvestment"></el-input>

numberFn(p){
    this.formLabelAlign[p] = this.formLabelAlign[p]
    .replace(/[^\d^\.]+/g, '')  
    .replace(/^0+(\d)/, '$1')
    .replace(/^\./, '0.')
    .match(/^\d*(\.?\d{0,2})/g)[0] || ''
},

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^