vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > element表单校验证件号规则

element的表单校验证件号规则及输入“无”的情况校验通过(示例代码)

作者:昨夜小楼又东风

这篇文章主要介绍了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表单校验证件号内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文