首页 > 其他 > 详细

vue+elementui常用到的输入框验证

时间:2020-06-30 19:53:17      阅读:507      评论:0      收藏:0      [点我收藏+]

1.验证输入框只能输入正整数

  <el-input :disabled="mainId?true:false" @keyup.native="maxNumGetInput(index2)" v-model="item.maximumReceiveAllowed" style="width:10%"></el-input>

    maxNumGetInput(index) {
      this.formData[index].maximumReceiveAllowed = this.formData[index].maximumReceiveAllowed.replace(/[^\.\d]/g,‘‘);
      this.formData[index].maximumReceiveAllowed = this.formData[index].maximumReceiveAllowed.replace(.,‘‘); 
    },

2.金额输入框且最多两位小数验证

  <el-input v-model="item.money" @input="inputChange(index2)" @change="getPrice()"></el-input>

    //监听输入框变化
    inputChange(index) {
      let self = this;
      self.formData[index].money = self.inputnum(self.formData[index].money)
    },

    // 输入框最多两位小数
    inputnum(val) {
      let num = val.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
      num = num.replace(/^\./g, ""); //验证第一个字符是数字
      if (num.indexOf(.) == -1) { //小数点前留9位
        if (num.length > 9) {
          num = num.slice(0, 9);
        }
      } else {
        if (num.split(.)[0].length > 9) {
          num = num.split(.)[0].slice(0, 9) + . + num.split(.)[1];
        }
      }
      num = num.replace(/\.{2,}/g, ""); //只保留第一个, 清除多余的
      num = num.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
      num = num.replace(/^(\-)*(\d+)\.(\d\d).*$/, $1$2.$3); //只能输入两个小数
      return num
    },

 

vue+elementui常用到的输入框验证

原文:https://www.cnblogs.com/qlongbg/p/13215298.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!