vue ele 表单规则校验俩次输入密码是否相同，校验手机号 （ 前端小课堂：小细节，大进步 ）

 这个是密码的拦截 : [{ 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位大小写字母及数字组合",

                    },

                ],