element的表单校验证件号规则及输入“无”的情况校验通过(示例代码)
更新时间:2023年11月09日 17:02:48 作者:昨夜小楼又东风
这篇文章主要介绍了element的表单校验证件号规则及输入“无”的情况校验通过,使用方法对校验数据进行过滤判断,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧
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'}],
},
}
}输入一个异常的证件号码进行校验

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

输入汉字“无”进行校验

到此这篇关于element的表单校验证件号规则以及输入“无”的情况校验通过的文章就介绍到这了,更多相关element表单校验证件号内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
vue中如何使用唯一标识uuid(uuid.v1()-时间戳、uuid.v4()-随机数)
这篇文章主要给大家介绍了关于vue中如何使用唯一标识uuid(uuid.v1()-时间戳、uuid.v4()-随机数)的相关资料,当使用Vue.js生成UUID时,我们可以使用uuid库来帮助我们生成通用唯一标识符(UUID),需要的朋友可以参考下2023-12-12
前端vue-cli项目中使用img图片和background背景图的几种方法
这篇文章主要介绍了前端vue-cli项目中使用img图片和background背景图的几种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-11-11
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
这篇文章也是我自己开发的从无到有的过程,所以它可以为你提供一些Tree组件开发的思路,本文重点给大家介绍vue递归组件的简单实现,感兴趣的朋友跟随小编一起看看吧2019-04-04


最新评论