在vue中做自定义表单验证

/* 是否邮编*/exportfunctionvalidateMail(rule, value,callback) {
constreg=/^[1-9][0-9]{5}$/;
if(value==''||value==undefined||value==null){
callback();
  }else {
if ((!reg.test(value)) &&value!='') {
callback(newError('请输入正确的邮编'));
    } else {
callback();
    }
  }
}
/* 是否手机号码或者固话*/exportfunctionvalidatePhoneTwo(rule, value, callback) {
constreg=/^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/;;
if (value==''||value==undefined||value==null) {
callback();
  } else {
if ((!reg.test(value)) &&value!='') {
callback(newError('请输入正确的电话号码或者固话号码'));
    } else {
callback();
    }
  }
}
/* 是否固话*/exportfunctionvalidateTelphone(rule, value,callback) {
constreg=/0\d{2}-\d{7,8}/;
if(value==''||value==undefined||value==null){
callback();
  }else {
if ((!reg.test(value)) &&value!='') {
callback(newError('请输入正确的固话（格式：区号+号码,如010-1234567）'));
    } else {
callback();
    }
  }
}
/* 是否手机号码*/exportfunctionvalidatePhone(rule, value,callback) {
constreg=/^[1][3,4,5,7,8][0-9]{9}$/;
if(value==''||value==undefined||value==null){
callback();
  }else {
if ((!reg.test(value)) &&value!='') {
callback(newError('请输入正确的电话号码'));
    } else {
callback();
    }
  }
}
/* 是否身份证号码*/exportfunctionvalidateIdNo(rule, value,callback) {
constreg=/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if(value==''||value==undefined||value==null){
callback();
  }else {
if ((!reg.test(value)) &&value!='') {
callback(newError('请输入正确的身份证号码'));
    } else {
callback();
    }
  }
}
/* 是否邮箱*/exportfunctionvalidateEMail2(rule, value,callback) {
constreg=/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;
if(value==''||value==undefined||value==null){
callback();
  }else{
if (!reg.test(value)){
callback(newError('请输入正确的邮箱地址'));
    } else {
callback();
    }
  }
}

import {validateIdNo,validatePhone,validateEMail2,validateMail} from'./validate.js'

<el-formref="role" :model="role"label-width="120px" :rules="rules"><el-form-itemlabel="来信人"prop="fromName"><el-inputv-model="role.fromName"></el-input></el-form-item><el-form-itemlabel="邮箱"prop="email"><el-inputtype="email"v-model="role.email"></el-input></el-form-item><el-form-itemlabel="来信目的"prop="objectiveType"><el-selectv-model="role.objectiveType"class="handle-select mr10"><el-optionv-for="item in purposeList" :key="item.id" :label="item.dict.name" :value="item.id"></el-option></el-select></el-form-item><el-form-itemlabel="手机号"prop="phone"><el-inputv-model="role.phone"></el-input></el-form-item><el-form-itemlabel="固定电话"prop="fixedPhone"><el-inputv-model="role.fixedPhone"></el-input></el-form-item><el-form-itemlabel="地址"prop="address"><el-inputv-model="role.address"></el-input></el-form-item><el-form-itemlabel="邮编"prop="postcode"><el-inputv-model="role.postcode"></el-input></el-form-item><el-form-itemlabel="标题"prop="title"><el-inputv-model="role.title"></el-input></el-form-item><el-form-itemlabel="内容"prop="content"><el-inputtype="textarea" :rows="3"v-model="role.content"></el-input></el-form-item><el-form-itemlabel="是否公开"prop="isPublic"><el-selectv-model="role.isPublic"class="handle-select mr10"><el-optionkey="1"label="公开"value="1"></el-option><el-optionkey="2"label="不公开"value="0"></el-option></el-select></el-form-item><el-form-itemlabel="选择部门"prop="deptId"><el-cascader      :options="sponsor"change-on-select      :show-all-levels="false"v-model="role.deptId"placeholder="选择部门"></el-cascader></el-form-item><el-form-itemlabel="来信人身份证"prop="fromIdCard"><el-inputv-model="role.fromIdCard"></el-input></el-form-item><el-form-item><el-buttontype="primary"@click="submitFormAdd('role')">确定</el-button><el-button@click="dialogVisible = false">取消</el-button></el-form-item></el-form>

rules: {
fromName: [
    { required: true, message: "请输入来信人", trigger: "blur" }
  ],
email: [{ required: true, message: "请输入邮箱", trigger: "blur" },{validator:validateEMail2,trigger:"blur"}],
objectiveType: [
    { required: true, message: "请输入来信目的", trigger: "blur" }
  ],
phone: [
    { required: true, message: "请输入来信人手机号", trigger: "blur" },{validator:validatePhone,trigger:"blur"}
  ],
// fixedPhone: [{ required: true, message: "请输入来信人固定电话", trigger: "blur" }],address: [{ required: true, message: "请输入地址", trigger: "blur" }],
postcode: [{ required: true, message: "请输入邮编", trigger: "blur" },{validator:validateMail,trigger:"blur"}],
title: [{ required: true, message: "请输入来信题目", trigger: "blur" }],
content: [
    { required: true, message: "请输入来信内容", trigger: "blur" }
  ],
isPublic: [{ required: true, message: "必填选项", trigger: "blur" }],
status: [{ required: true, message: "选择状态", trigger: "blur" }],
deptId: [
    { required: true, message: "请输入来信部门id", trigger: "blur" }
  ],
fromIdCard: [
    { required: true, message: "请输入来信人身份证号", trigger: "blur" },{validator:validateIdNo,trigger:"blur"}
  ]
}