Vue input 限制输入正负数，小数点后保留两位

╰半橙微兮° 2022-12-05 12:06 500阅读 0赞

[https://www.jianshu.com/p/da9696b83ddb][https_www.jianshu.com_p_da9696b83ddb]

[https://www.liangzl.com/get-article-detail-21106.html][https_www.liangzl.com_get-article-detail-21106.html]

[https://www.cnblogs.com/zjxiang008/p/12159611.html][https_www.cnblogs.com_zjxiang008_p_12159611.html]

[https://dujian.blog.csdn.net/article/details/110233635][https_dujian.blog.csdn.net_article_details_110233635]   Vue限制input仅能输入正整数或浮点数指令

**只允许输入数字(整数：小数点不能输入)**  
<input type="text" οnkeyup="value=value.replace(/\[^\\d\]/g,'')" >   
**允许输入小数(两位小数)**  
<input type="text" οnkeyup="value=value.replace(/^\\D\*(\\d\*(?:\\.\\d\{0,2\})?).\*$/g, '$1')" >   
**允许输入小数(一位小数)**  
<input type="text" οnkeyup="value=value.replace(/^\\D\*(\\d\*(?:\\.\\d\{0,1\})?).\*$/g, '$1')" >   
**开头不能为0，且不能输入小数**  
<input type="text" οnkeyup="value=value.replace(/\[^\\d\]/g,'').replace(/^0\{1,\}/g,'')" >

**不能输入中文和字母 例如：价格输入**

### elementUI中input输入框,强制输入数字,并限制输入长度 ###

<el-input v-model="item.userScore" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"
    maxlength="4"
    >
    </el-input>

[elementUI + vue 输入框只能输入正整数 不能输入字母 e 以及+ - 号][elementUI _ vue _ _ e _ -]

<el-input
         v-model="addnum"
         @change="addnumFn"
         onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))"
    ></el-input>
    
    
    oninput="
                  var v=this.value||'';
                  v=v.replace(/[^\d]/g,'');
                  if(v.length==1 && v==0){v=''};
                  this.value=v.substr(0,1000000000);
              "

只能输入正负数

<el-input
                v-model="minnum"
                style="width: 80px; height: 40px"
                @change="minnumFn"
                @input="number"
              ></el-input>
    //只能输入负整数
        number(val) {
          this.minnum = this.minnum.replace(/[^\w&-]|_/gi, "");
          this.minnum = this.minnum.replace(/[\u4E00-\u9FA5]|[A-Za-z]/g, "");
          if (val >= 0) {
            this.$message({
              message: "只能输入负整数",
              type: "error",
            });
    
            this.minnum = "";
          }
        },

## 限制只能输入正整数 ##

<input v-model="interval" type="text" @input="numberSize" placeholder="请输入">
    
    numberSize() {
          var interval = this.interval;
          interval = interval.replace(/[^\.\d]/g, ""); // 清除“数字”以外的字符 
          interval = interval.replace(".", ""); // 清除“.”以外的字符
          if (interval.indexOf(".") < 0 && interval != "") {
            // 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
            interval = parseInt(interval);
          }
          this.interval = interval;
        },

<input type="text" v-model="money" @keyup="priceFormat" />
    
    //限制
        priceFormat() {
          //修复第一个字符是小数点 的情况.
          console.log(this.money.substr(0, 1), this.money);
          if (this.money != "" && this.money.substr(0, 1) == ".") {
            this.money = "";
          }
          this.money = this.money.replace(/^0*(0\.|[1-9])/, "$1"); //解决 粘贴不生效
          this.money = this.money.replace(/[^-\d.]/g, ""); //清除“数字”和“.”以外的字符
          this.money = this.money.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
          this.money = this.money
            .replace(".", "$#$")
            .replace(/\./g, "")
            .replace("$#$", ".");
          this.money = this.money.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3"); //只能输入两个小数
          if (this.money.indexOf(".") < 0 && this.money != "") {
            //以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
            if (this.money.substr(0, 1) == "0" && this.money.length == 2) {
              this.money = this.money.substr(1, this.money.length);
            }
          }
        },

[https_www.jianshu.com_p_da9696b83ddb]: https://www.jianshu.com/p/da9696b83ddb
[https_www.liangzl.com_get-article-detail-21106.html]: https://www.liangzl.com/get-article-detail-21106.html
[https_www.cnblogs.com_zjxiang008_p_12159611.html]: https://www.cnblogs.com/zjxiang008/p/12159611.html
[https_dujian.blog.csdn.net_article_details_110233635]: https://dujian.blog.csdn.net/article/details/110233635
[elementUI _ vue _ _ e _ -]: https://www.cnblogs.com/memphis-f/p/11233470.html