zoukankan      html  css  js  c++  java
  • 校验 element ui input框只能输入数字

            <el-form-item label="量:" >
              <el-input
                @keyup.native="curveData1.electricQuantity = oninput(curveData1.electricQuantity)"
                v-model="curveData1.electricQuantity"
              ></el-input>
            </el-form-item>




    oninput(num) {
    debugger
    var str = num
    var len1 = str.substr(0, 1)
    var len2 = str.substr(1, 1)
    //如果第一位是0,第二位不是点,就用数字把点替换掉
    if (str.length > 1 && len1 == 0 && len2 != ".") {
    str = str.substr(1, 1)
    }
    //第一位不能是.
    if (len1 == ".") {
    str = ""
    }
    //限制只能输入一个小数点
    if (str.indexOf(".") != -1) {
    var str_ = str.substr(str.indexOf(".") + 1)
    if (str_.indexOf(".") != -1) {
    str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1)
    }
    }
    //正则替换
    str = str.replace(/[^d^.]+/g, '') // 保留数字和小数点
    str = str.replace(/.ddd$/,'') // 小数点后只能输两位
    return str
    },
     
  • 相关阅读:
    10.28
    10.25
    10.21
    移动第七次作业
    移动第六次作业
    移动第五次作业
    移动第四次作业
    移动第3次作业
    移动第二次作业
    移动第一次作业
  • 原文地址:https://www.cnblogs.com/javascript9527/p/12980390.html
Copyright © 2011-2022 走看看