美文网首页VUE
快捷处理el-input输入限制只能数字和小数问题

快捷处理el-input输入限制只能数字和小数问题

作者: 哒哒哒哒da | 来源:发表于2021-03-11 18:05 被阅读0次
    第1种

    验证只能输入数字

    onkeyup="value=value.replace(/\D|^0/g,'')" //正整数
    onkeyup="value=value.replace(/[^\d]/g,'')"// 0 跟正整数
    

    验证只能输入数字和小数,小数且只能输入2位,第一位不能输入小数点

    oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')"
    
    
    第2种

    用element ui 自带的只能输入数字,且只有2位小数

    //如需要输入整数去掉precision就可
    <el-input-number
        v-model="xxx"
        auto-complete="off"
        :precision="2"  //只能输入2位小数
        :controls="false"  //去掉按钮
    ></el-input-number>
    
    

    相关文章

      网友评论

        本文标题:快捷处理el-input输入限制只能数字和小数问题

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