常用验证规则

1.手机号验证规则

 // 验证手机号的规则
    const checkMobile = (rule, value, cb) => {
      // 验证手机号的正则表达式
      const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
      if (regMobile.test(value)) {
        return cb()
      }
      cb(new Error('请输入合法的手机号'))
    }

2.邮箱验证规则

 // 验证邮箱的规则
    const checkEmail = (rule, value, cb) => {
      // 验证邮箱的正则表达式
      const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/
      if (regEmail.test(value)) {
        // 合法的邮箱
        return cb()
      }
      cb(new Error('请输入合法的邮箱'))
    }

3.账号验证规则

const dateRules = (rule, value, callback) => {
  var regu = /^ +| +$/g; // 匹配空格
  if (value === "") {
    return callback(new Error("请输入账号"));
  } else if (value && regu.test(value)) {
    return callback(new Error("请输入非空格的账号!"));
  } else {
    return callback();
  }
};

4.密码验证规则

const daterule = (rule, value, callback) => {
  var regu = /^ +| +$/g; // 匹配空格
  if (value === "") {
    return callback(new Error("请输入密码"));
  } else if (value && regu.test(value)) {
    return callback(new Error("请输入非空格的密码!"));
  } else if (value.length < 6) {
    return callback(new Error("密码长度不能少于6"));
  } else {
    return callback();
  }
};

5.然后都写在验证规则中

 addFormRules: {
        //邮箱号
        email: [
          { required: true, message: '请输入邮箱', trigger: 'blur' },
          { validator: checkEmail, trigger: 'blur' },
        ],
       //手机号
        mobile: [
          { required: true, message: '请输入手机号', trigger: 'blur' },
          { validator: checkMobile, trigger: 'blur' },
        ],
        //账号
         usename: [
          { required: true, message: '请输入帐号', trigger: 'blur' },
          { validator: dateRules , trigger: 'blur' },
        ],


        //密码
         password: [
          { required: true, message: '请输入密码', trigger: 'blur' },
          { validator: daterule , trigger: 'blur' },
        ],

      },