问题描述

在表单中除了校验邮箱非空，还需要判断输入的邮箱格式是否正确

解决方法

第一步

在表单上加上:

:rules="dataRule"

在属性加上:

prop="email"

第二步

a.在定义校验方法

/**
 * 邮箱
 * @param {*} s
 */
export function isEmail (s) {
  return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)
}

b.引入方法

import {isEmail} from '@/utils/validate'

c.拓展校验

let validateEmail = (rule, value, callback) => {
        if (!isEmail(value)) {
          callback(new Error('邮箱格式错误'))
        } else {
          callback()
        }
      }

d.引用校验

email: [{required: true, message: '邮箱不能为空', trigger: 'blur'},{validator: validateEmail, trigger: 'blur'}]

e.提交校验

 this.$refs['dataForm'].validate((valid) => {
          if (valid) {

成功