elementui input输入框金额校验保留两位小数点

会飞的梅花鹿

已于 2022-03-10 16:41:04 修改

阅读量2.9k

点赞数

文章标签： vue.js 前端 elementui

于 2022-03-10 15:46:58 首次发布

本文链接：https://blog.csdn.net/weixin_46935407/article/details/123403459

版权

创建change事件，:change="checkPriceOut()" 校验

// 转出金额校验

checkPriceOut () {

let checkPlan = '' + this.form.transferOut

checkPlan = checkPlan

.replace(/[^\d.]/g, '') // 清除“数字”和“.”以外的字符

.replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的

.replace(/^\./g, '') // 保证第一个为数字而不是.

.replace('.', '$#$')

.replace(/\./g, '')

.replace('$#$', '.')

if (checkPlan.indexOf('.') < 0 && checkPlan !== '') {

// 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额

checkPlan = parseFloat(checkPlan) + ''

} else if (checkPlan.indexOf('.') >= 0) {

checkPlan = checkPlan

.replace(/^()*(\d+)\.(\d\d).*$/, '$1$2.$3') // 只能输入两个小数

}

this.form.transferOut = checkPlan

},