[JavaScript知识库]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('请输入合法的手机号码'))
    }

## data代码块

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