首页 > 技术文章 > vue ele 表单规则校验俩次输入密码是否相同,校验手机号 ( 前端小课堂:小细节,大进步 )

majiayin 2021-05-25 17:03 原文

 这个是密码的拦截 : [{ required: true, validator: validatePass4, trigger: "blur" }],
 
同级关系下写下方法,类似定义一个方法,用变量接收
 
// value 值 是 你 密码拦截的值, callback 是返回的信息,rule 是规则
var validatePass4 = (rule, value, callback) => {
      if (value === "") {
        callback(new Error(" 返回提示的信息 "));
      } else if (value.length !== 18) {
        callback(new Error("身份证号码长度只能为18位数字"));
      } else {
        callback();
      }
    };
 
// 只是校验了大陆的
phoneOrEmail : [
                    { required: true, message: '请输入手机号', trigger: 'blur' },
                    {
                        pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
                        message: "请输入正确的手机号码",
                        trigger: "blur",
                    },
                ],
 
//校验密码
password3 : [
                    { required: true, validator: validatePass, trigger: "blur" },
                    {
                        pattern: /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,12}$/,
                        message: "请设置符合要求的密码,密码由8-12位大小写字母及数字组合",
                    },
                ],
 

推荐阅读