VUE:身份证号码校验证（element—ui）

最新推荐文章于 2025-05-31 23:07:05 发布

前前前端端端

最新推荐文章于 2025-05-31 23:07:05 发布

阅读量3.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue细节笔记

本文链接：https://blog.youkuaiyun.com/weixin_46733392/article/details/113618369

这篇博客详细介绍了如何在Vue.js应用中利用Element-UI进行身份证号码的校验，特别强调了代码的可复制性和v-model的使用，同时提到了在输入框失去焦点时的校验操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

				<el-input
				              v-model="ruleForm.card"
				              // 使用正则表达式，只能输入阿拉伯数字0-9，和字母X（大写）
				             onkeyup="this.value=this.value.replace(/[^\X0-9]/g, '')"
				            	@on-blur="getName(ruleForm.card)">
				    </el-input>



				data() {
							var checkIdentitytionId = (rule, value, callback) => {
						      if (!value) {
						        return callback(new Error("身份证号不能为空"));
						      }
						      if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(value)) {
						        callback(new Error("你输入的身份证长度或格式错误"));
						      }
						      //身份证城市
						      var aCity = {
						        11: "北京",
						        12: "天津",
						        13: "河北",
						        14: "山西",
						        15: "内蒙古",
						        21: "辽宁",
						        22: "吉林",
						        23: "黑龙江",
						        31: "上海",
						        32: "江苏",
						        33: "浙江",
						        34: "安徽",
						        35: "福建",
						        36: "江西",
						        37: "山东",