美文网首页
输入限制(正则表达式)

输入限制(正则表达式)

作者: wxw_威 | 来源:发表于2021-04-20 15:04 被阅读0次

    输入框校验

    <cube-input v-model="inputValue" @input="changeInput"></cube-input>
    
    changeInput(v) {
        let va = v + '';
        // 最大输入9999,正则表达式不会写
        if (parseFloat(va) > 10000) {
            va = '9999'
        }
        va = va
        .replace(/[^\d.]/g, "") //将非数字和点以外的字符替换成空
        .replace(/^\./g, "") //验证第一个字符是数字而不是点
        .replace(/\.{2,}/g, ".") //出现多个点时只保留第一个
        .replace(".", "$#$") // 1、将数字的点替换成复杂字符$#$
        .replace(/\./g, "") // 2、将字符串的点直接清掉
        .replace("$#$", ".") // 3、将复杂字符再转换回点
        .replace(/^(\\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
        }
        this.$nextTick(() => {
            this.inputValue = va
        })
    },
    

    相关文章

      网友评论

          本文标题:输入限制(正则表达式)

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