el-form 中为el-input 添加正则校验 以及el-input正则限制

第一种:纯el-input
<el-input
       oninput ="value=value.replace(/[^0-9.]/g,'')"  // 添加事件 正则只能输入数字
       maxlength="6"
  v-model="ruleForm.captcha"
></el-input>
第二种:el-form中添加正则校验
data() {
    var phone = (rule, value, callback) => {
      if (value === "") {
        callback(new Error("手机号不能为空"));
      } else {
        const reg = /^1[3456789]d{9}$/;
        if (!reg.test(value)) {
          callback(new Error("手机号格式不正确"));
        }
        callback();
      }
    };
    return {
      ruleForm: {},
      rules: {
        phone: [{ validator: phonetrigger: "blur" }],
      },
    };
  },
 
 
 
 
原文地址:https://www.cnblogs.com/media/p/14416147.html