问题描述

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

解决方法

第一步

在表单上加上:

: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) {

成功