element的表单校验证件号规则以及输入“无”的情况校验通过

  <el-col :span="6"><el-form-item label="证件号码" prop="Idnumber" class="grid-content bg-purple"><el-input v-model="testForm.Idnumber" placeholder="请输入证件号码" @change="changeIdnumber"></el-input></el-form-item></el-col>

使用方法对校验数据进行过滤判断

data(){let CrdtNoValidar=(rule,value,callback)=>{if(value&&this.testForm.idtype=="001"){if(value=="无"){callback();return}let reg18=/^[1-9]\[d]{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;let reg15=/^[1-9]\d{7}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$/;if(reg18.test(value)||reg15.test(value)){callback()}else{callback(new Error("请输入有效的身份证号码！"))}}else{callback()}};return{rules:{Idnumber:[{required:false,message:'请输入证件号码',trigger:'blur'},{validator:CrdtNoValidar,trigger:'blur'}],},}
}

输入一个异常的证件号码进行校验

输入一个正常的证件号码进行校验

输入汉字“无”进行校验