element-ui 表单验证器记录

• 验证两次密码输入是否相同

 var repasswordValidator = (rule, value, callback)=>{
         if(value !== this.registerForm.password){
             callback(new Error("two password don'not match!"))
         }else{
             callback();
         }
     }

• 验证手机号是否合法

var checkMobile = (rule, value, cb) => {
    const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/
    if (regMobile.test(value)) {
        return cb()
    }
    cb(new Error('请输入格式正确的手机'))
}

• 验证输入邮箱格式

 var checkEmail = (rule, value, cb) => {
     const reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
     if (reg.test(value) || value == '') {
     cb()
     } else {
     cb(new Error('邮箱格式错误'))
     }
 }

• 验证输入用户名是否合法

要求为：英文字母开头，后续为字母数字及_-. @符号

  loginNameValidator(rule, value, callback){
    const reg= /^[a-zA-Z][\w-. @]*$/;
    if(value == '' || value == undefined || value == null){
      callback();
    }else {  
      if (!reg.test(value)){
        callback(new Error('要求为：英文字母开头，后续为字母数字及_-. @符号'));
      }else {
        callback();
      }
    }
  }