Vue中根据输入的身份证号识别年龄、性别
需求: 根据用户输入的身份证号识别出年龄和性别,回显到相应的输入框中
分析:定义身份证号的正则表达式,利用字符串的方法截取出相关字符进行判断
示例:
<template>
<div class="box">
<!-- 根据身份证号生成性别,年龄 --><div class="form_txt">根据身份证号生成性别、年龄</div><el-form :model="form" label-width="80px"><el-row><el-col :span="8"><el-form-item label="身份证号"><el-inputv-model="form.identityCardNo"autocomplete="off"placeholder="请输入身份证号"maxlength="18"@input="inputChange"></el-input></el-form-item></el-col><el-col :span="8"><el-form-item label="性别"><el-input v-model="form.sex"></el-input></el-form-item></el-col><el-col :span="8"><el-form-item label="年龄"><el-input v-model="form.age"></el-input></el-form-item></el-col></el-row></el-form></div>
</div>
</template>
<script>
export default {data() {return {form: {identityCardNo: "",sex: "",age: "",},};},
methods: {inputChange() {const reg =/^[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]$/;if (reg.test(this.form.identityCardNo)) {var org_birthday = this.form.identityCardNo.substring(6, 14);var org_gender = this.form.identityCardNo.substring(16, 17);var sex = org_gender % 2 == 1 ? "男" : "女";var birthday =org_birthday.substring(0, 4) +"-" +org_birthday.substring(4, 6) +"-" +org_birthday.substring(6, 8);var birthdays = new Date(birthday.replace(/-/g, "/"));let d = new Date();let age =d.getFullYear() -birthdays.getFullYear() -(d.getMonth() < birthdays.getMonth() ||(d.getMonth() == birthdays.getMonth() &&d.getDate() < birthdays.getDate())? 1: 0);this.form.sex = sex;this.form.birthday = birthdays;this.form.age = age;} else {this.form.sex = "未填写";return false;}},},
}
</script>
Vue中根据输入的身份证号识别年龄、性别相关推荐
- 【Flutter】Dart 校验身份证号合法性,根据身份证号获取年龄性别
js版或OC.Java版的都容易找到,Dart版的比较少,mark一下吧. // 校验身份证合法性 bool verifyCardId(String cardId) {const Map city = ...
- MATLAB身份证号识别
MATLAB身份证号识别 MATLAB身份证号识别 将要处理图片 提取数字区域 紧接着将数字分割保存 . 自己的数据集 将图片格式化 将分割后的图片一一与10个不同数据进行对比,得到一个数组match ...
- 1tensorflow 实现端到端的OCR:二代身份证号识别 + 2tensorflow LSTM+CTC实现端到端的不定长数字串识别
1tensorflow 实现端到端的OCR:二代身份证号识别 链接地址:https://www.jianshu.com/p/803642d0d8f8 2tensorflow LSTM+CTC实现端到端 ...
- C语言 身份证号解析年龄和性别
任务描述 编写一个程序:输入一个身份证号,判断该号码对应的人是否是18至25岁女孩,是则输出"yes",否则输出"no" 功能要求 ①输入一行给出正整数N(&l ...
- 根据出生日期计算年龄或者根据身份证号计算年龄
可以把这个方法写成一个工具类方便以后在项目中调用,以下是写好的方法可以直接拿去用 注:(此方法计算的是虚岁年龄不是实岁年龄) //根据身份证号计算年龄 //身份证号 //String certNo = ...
- excel提取身份证出生日期_用Excel提取身份证号的年龄,不满生日的减一岁
在人事工作中,经常需要根据身份证号来提取信息,最经典的就是要用身份证号来提取年龄,我们举例,下表是模拟的公司员工身份证号数据 1.简单提取年龄 我们知道身份证号的第7-14位是我们出生的年月日,我们可 ...
- 通过身份证号得到年龄、性别和出生日期
注:目前只针对18位身份证号码. 不多说了,直接上代码,调用IdCard(UUserCard,num)方法即可,其中UUserCard为身份 //通过身份证号计算年龄.性别.出生日期 function ...
- js前端通过身份证号判断年龄、性别、出生日期。
方法有两个参数,第一个形参传身份证号,第二个形参传num. num=1 代表返回出生日期. num=2代表返回性别. num=3代表返回年龄. //通过身份证号计算年龄.性别.出生日期 functio ...
- 根据身份证号计算年龄
根据身份证号计算年龄 /// <summary> /// 计算年龄 /// </summary> /// <param name=&quo ...
最新文章
- 一文梳理缺陷检测方法
- [机器学习] 训练集(train set) 验证集(validation set) 测试集(test set)
- sql语句换行_Spark随笔|关于Bucket Table与SQL语句转换
- 发送WM_COPYDATA消息实现进程间的通信
- Ember Charts – 基于 Ember D3 的图表库
- 389 find the difference
- MySQL 字段默认值该如何设置
- ASP.NET MVC实践系列11-FCKEditor和CKEditor的使用
- 已知三点求圆心 c语言,转 已知两点坐标和半径求圆心坐标程序C++
- 三菱有C语言PLC控制器,三菱PLC可程序设计控制器系列软件介绍
- 高速PCB设计中遇到的问题总结
- 自定义函数求两个整数的绝对差值及排序
- 电容的耐压值选择---陶瓷电容、钽电容、电解电容
- win7需要计算机管理员权限,解决方案:Win7安装软件需要管理员权限解决方案
- charles 批量重复请求/重复发包工具
- 新站快速排名的seo优化流程
- LinkedIn领英怎么避免封号?封号怎么解决?(建议收藏)
- 谢国忠正在走入一种非理性思维状态
- 在s7 1200中模拟量的应用
- 群晖video station 2.4.9-1626申请API后无法连接的解决办法