vue 身份证增加校验

最近在新得项目上做全新的东西，学到了不少东西，一天分享一点儿吧~

<el-form-item label="身份证号" prop="cardId">
   <el-input v-model="cardId"></el-input>
</el-form-item>

prop一定要加，prop的名字一定与下面添加校验的名字一致

在vue的js的data中return

export default {
  name: 'userManage',
  data () {
    return {
	    rules:{
	        cardId:[
                {required:true,message:'请输入正确的身份证号',trigger:'blur'},
                {
                    validator:(rule,value,callback) =>{
                    var reg=/^(^[1-9]\d{5}[1-9]\d{3}(((0[2])([0|1|2][0-8])|(([0-1][1|4|6|9])([0|1|2][0-9]|[3][0]))|(((0[1|3|5|7|8])|(1[0|2]))(([0|1|2]\d)|3[0-1]))))((\d{4})|\d{3}[Xx])$)$/;
                    if (reg.test(value)) {
                      callback()
                    } else {
                      callback(new Error('请输入正确的身份证号'))
                    }
                 }
            ]}
	    }
	 }
   }
}

下面直接复制就可以啦

保存起来，下次直接用，直接搬