美文网首页
uniapp input 限制数字,小数保留两位(金额校验)

uniapp input 限制数字,小数保留两位(金额校验)

作者: 吃肉肉不吃肉肉 | 来源:发表于2024-09-04 10:24 被阅读0次
<input type='number'  v-model="maxlength: 10," :maxlength="maxlength" @input="handleInput"></input>

maxlength: 10,
price: ""

handleInput(e) {
 let value = e.target.value; // input
                let dot = value.indexOf('.'); //包含小数点
                let reg = /^[0-9]+$/; //正整数
                    if (dot > -1) {
                        this.maxlength = dot + 3; //长度是小数点后两位
                    }
                    if (reg.test(value)) { //如果是正整数不包含小数点
                    this.maxlength = 10;
                }
            },

相关文章

网友评论

      本文标题:uniapp input 限制数字,小数保留两位(金额校验)

      本文链接:https://www.haomeiwen.com/subject/xfvlljtx.html