输入框小数位限制

以VUE为例:

<el-input v-model="form.num" @keyup.native="enterValue"></el-input>
data(){
    return{
        form:{},
        reg:'', // 小数位正则
    }
},
mounted(){
    this.regRule(3)
},
methods:{
    // N位小数正则
    regRule(num){
        let lang='\\d'
        for(let i=1;i<num;i++){
           lang = lang + "\\d"
        }
        this.reg =  '/^(\\-)*(\\d+)\\.('+ lang +').*$/'
    },
    enterValue(){
         // 不能输入小数
        this.form.num = this.form.num.replace(/^(0+)|[^\d]+/g,'')
        // 保留两位小数
        this.form.num = this.form.num.replace(/[^\d.]/g, '').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')
         // 保留N位小数
        this.form.num = this.form.num.replace(/[^\d.]/g, '').replace(eval(this.reg), '$1$2.$3')
       
    }
}

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值