elementui限制input只能输入正整数；限制小数点后两位_el-input 保留俩位小数后不可输入-优快云博客

本文链接：https://blog.youkuaiyun.com/Sunny_lxm/article/details/127510416

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

     <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 === '-' && len2 === '.') {
                  int = len1 + '0';
              }
              //如果第一位是. 第一位数字用0补位
              if (len1 === '.') {
                  int = '0';
              }
              point = str.substr(str.indexOf('.')+1,2); // 取小数点后两位
              str = int + '.' + point;
          } else {
              if(len1 === '0' && len2 === '0') {
                  // 第一位是0， 第二位也是0时，用。分隔 -> 0.0
                  str = len1 + '.' + len2;
              } else if (len1 === '0' && Number(len2) > 0) {
                  // 第一位是0， 第二位大于0，用。分隔 -> 0.x
                  str = len1 + '.' +len2;
              } else {
                  str = num;
              }
          }
          return str;
      },