elementui限制input只能输入正整数；限制小数点后两位

原创

已于 2023-01-07 16:43:43 修改 · 2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #input只能输入正整数 #input保留小数点后两位 #input不限制正负数

于 2022-10-25 11:36:21 首次发布

博客围绕el-input输入限制展开，指出原输入正整数存在可在数字中间输入小数点的缺点，进一步提出优化方案，即限制输入小数点后两位，且不限制正负数。

     <el-input v-model.trim="sup.moq" class="input-with-select" type="number"
               oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,4})?).*$/g, '$1')">

缺点：可以在整数输入完成后，光标定到数字中间，可以输入 .

进一度优化：

oninput="value=value.replace(/\D/g, '').replace(/^0{1,}/g, '')"

el-input限制输入小数点后两位，不限制正数或者负数

 <el-input type="number" v-model="value" @keyup.native="value=oninput(value)"></el-input>


// js方法
      // 限制金额只保留小数点后两位
      oninput(num) {
                    var str = JSON.parse(JSON.stringify(num));
          let int = ''; // 整数部分
          var point = ''; // 小数部分
          var len1 = str.substr(0, 1);
          var len2 = str.substr(1, 1);

          if (str.indexOf('.') > -1) {
              int = str.substring(0,str.indexOf('.')); // 取整数
              //如果第一位是-，第二位是. 用0补位 -0.xx
              if (len1 ==