博客

小数点后保留两位小数，正则处理输入内容为字母数字，正则处理输入内容为五位数字

1、小数点后保留两位小数

可用于input框输入

function twoclearnumber(value) {
    if (value) {
    var f = parseFloat(value); 
    var f = Math.round(value*100)/100; 
    var s = f.toString(); 
    var rs = s.indexOf('.'); 
    if (rs < 0) { 
      rs = s.length; 
      s += '.'; 
    } 
    while (s.length <= rs + 2) { 
      s += '0'; 
    } 
    return s
    }

  }

例如在vue+elementui基础的表单输入框中限制输入内容保留两位小数

模板内容

    <el-form-item label="长度" prop="length"  >
       	<el-input v-model="ruleForm.length" @blur.native.capture="lengthnumber(ruleForm.length)"></el-input>
      </el-form-item>

引入

import twoclearnumber from "../../utils/js/twonum"

使用

  //长保留两位小数
      lengthnumber(value){
         this.beirule.length =  value
        this.ruleForm.length =  twoclearnumber(value)
      },

2、正则处理输入内容为字母数字

模板内容

 <el-form-item label="收藏号" prop="otherNum"  >
          <el-input v-model="ruleForm.otherNum" @blur.native.capture="validateJyhother(ruleForm.otherNum)"></el-input>
    </el-form-item>

方法：

      validateJyhother(glhm){//收藏号
             var reg = /^[A-Za-z0-9]{1,30}$/;
             if(!reg.test(glhm)){
                this.$notify({
                title: '警告',
                message: "请输入内容字母或数字组成",
                type: 'warning'
              });
             this.ruleForm.otherNum = '';
	       }

3、正则处理输入内容为五位数字

模板

<el-form-item label="总登记号" prop="register">
        <el-input v-model="ruleForm.register" @blur.native.capture="allregister(ruleForm.register)"></el-input>
  </el-form-item>

方法：

      allregister(val){
        if( !val.match(/^[0-9]{5}$/)){
            this.$notify({
                title: '警告',
                message: "请输入五位数字",
                type: 'warning'
              });
          this.ruleForm.register = '';
        }
      },