element form rule validation

1. The input box integer retains 9 digits and the decimal point retains 6 digits.

 <el-form-item label="最大重量(kg)" prop="whPMaxWeight">
     <el-input v-model.number="batchDetail.whPMaxWeight" type="number"
           style="width: 100%" show-word-limit clearable
           placeholder="请输入" />
   </el-form-item>
   
  const validatePass = (rule, value, callback) => {
    
    
    var reg = /^(\d{0,9})(\.(\d{0,6}))?$/g;
    if(!reg.test(value)){
    
    
      callback(new Error("请输入整数9位小数6位的数值"));
    } else {
    
    
      callback();
    }
  };
   const rules = {
    
    
    whPMaxWeight:[{
    
     validator:validatePass, trigger: "blur"}],
  };

2. The decimal point cannot exceed two digits and must be a positive number.

 const low = (rule, value, callback, source, options) => {
    
    
   if (
    value !== "" &&
    !(/^\d+(\.\d{1,2})?$/.test(value) || /^\d$/.test(value))
   ) {
    
    
    callback(new Error("小数点不能超过两位并是正数"));
   } else {
    
    
    callback();
   }
  };

3. Only letters can be entered

  var validateText = (rule, value, callback) => {
    
    
   if (value !== "" && /[^a-zA-Z]/g.test(value)) {
    
    
    callback(new Error("请输入字母"));
   } else {
    
    
    callback();
   }
  };
  oninput="value=value.replace(/[^0-9]/g,'');if(String(value)==='0'){value=1}"

3.Mobile phone number

  const validatephone  = (rule, value, callback) => {
    
    
    var reg = /^1[3456789]\d{9}$/;
    if(!reg.test(value)){
    
    
      callback(new Error("请输入正确的手机号"));
    } else {
    
    
      callback();
    }
  };

Guess you like

Origin blog.csdn.net/weixin_42268006/article/details/131211120