例:邮箱验证
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="210px" class="basic-ruleForm">
<div class="basic-title">基本信息</div>
<el-form-item label="用户身份:" prop="type" class="user-type">
<el-form-item label="电子邮件:" prop="email">
<el-input v-model="ruleForm.email" placeholder="请输入" ></el-input>
<span class="tips-r" @click="sendEmailhandle">发送认证邮件</span>
</el-form-item>
</el-form>
data() {
var validateEmail = (rule, value, callback) => {
if (value === '') {
callback(new Error('请正确填写邮箱'));
} else {
if (value !== '') {
var reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/;
if(!reg.test(value)){
callback(new Error('请输入有效的邮箱'));
}
}
callback();
}
};
return {
rules: {
realName: [
{ required: true, message: '请输入真实姓名', trigger: 'blur',},
],
email:[
{required: true,message: '请输入真实邮箱', trigger: 'blur',validator: validateEmail, min: 9, max: 18,}
],
},
注意,写在data下面,但是在return外面