elementui自定义手机号邮箱验证

elementui自定义手机号邮箱验证

自定义验证的使用示例

// 验证手机号  checkPhone 为验证函数
mobile: [
          { required: true, message: '请输入手机号', trigger: 'blur' },
          { validator: checkPhone, trigger: 'blur' },
        ],

手机号邮箱的验证函数

  const checkPhone = (rule, value, cb) => {
      const reg = /^1(3|4|5|6|7|8|9)\d{9}$/
      if (reg.test(value)) {
        cb()
      } else {
        cb(new Error('手机号格式有误'))
      }
    }
    const 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)) {
        cb()
      } else {
        cb(new Error('邮箱格式错误'))
      }
    }