自定义邮箱和手机号码的校验规则

  export default {
    name: "User",
    data() {
      // 验证邮箱的校验规则
      let checkEmail = (rule, value, callback) => {
        // 验证邮箱的正则表达式
        const regEmail =  /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;

        if (regEmail.test(value)) {
          // 合法的邮箱
          return callback()
        }
        // 不合法的邮箱
        callback(new Error('请输入合法的邮箱'))
      }

      // 验证手机号的校验规则
      let checkMobile = (rule, value, callback) => {
        // 验证手机号的正则表达式
        const regMobile = /^1(3|4|5|6|7|8|9)\d{9}$/;

        if (regMobile.test(value)) {
          // 合法的手机号
          return callback()
        }
        // 不合法
        callback(new Error('请输入合法的手机号'))
      }

      return {
		// 添加用户时的验证规则
        addUserRules: {
          email: [
            {message: '请输入邮箱', trigger: 'blur'},
            {validator: checkEmail, trigger: 'blur'}
          ],
          // 手机号
          mobile: [
            {message: '请输入手机号', trigger: 'blur'},
            {validator: checkMobile, trigger: 'blur'}
          ]
        },
      }
	}