VUE.JS邮箱、手机、车牌自定义验证规则

VUE JS邮箱与手机验证规则

// 自定义邮箱规则
    var checkEmail = (rule, value, callback) => {
      const regEmail = /^\w+@\w+(\.\w+)+$/
      if (regEmail.test(value)) {
        // 合法邮箱
        return callback()
      }
      callback(new Error('请输入合法邮箱'))
    }
    // 自定义手机号规则
    var checkMobile = (rule, value, callback) => {
      const regMobile = /^1[34578]\d{9}$/
      if (regMobile.test(value)) {
        return callback()
      }
      // 返回一个错误提示
      callback(new Error('请输入合法的手机号码'))
    }

	//自定义车牌验证
	  var checkCar = (rule, value, callback) => {
		//getcheckedNum  计算属性 单选的值 值为1 蓝牌车 值为2绿牌车
      if(this.getcheckedNum == 1){
        // 蓝牌车
        var regCar = /(^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$)/
      }else{
        // 新能源
        var regCar =  /(^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{5}[A-Z0-9挂学警港澳]{1}$)/
      }
   
      if (regCar.test(value)) {
        return callback()
      }
      callback(new Error('请输入正确的车牌号'))
    }

## data代码块

rulse:{
	email:[
	  { required: true, message: '请输入邮箱', trigger: 'blur' },
      { validator: checkEmail, trigger: 'blur' }
	],
	mobile:[
	  { required: true, message: '请输入手机', trigger: 'blur' },
	  { validator: checkMobile, trigger: 'blur' }
	],
	  carcode: [
      { required: true, message: "请输入车牌号", trigger: "blur" },
      { validator: checkCar, trigger: 'blur' }
    ],
}