需求: 根据用户输入的身份证号识别出年龄和性别,回显到相应的输入框中

分析:定义身份证号的正则表达式,利用字符串的方法截取出相关字符进行判断

示例:

<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中根据输入的身份证号识别年龄、性别相关推荐

  1. 【Flutter】Dart 校验身份证号合法性,根据身份证号获取年龄性别

    js版或OC.Java版的都容易找到,Dart版的比较少,mark一下吧. // 校验身份证合法性 bool verifyCardId(String cardId) {const Map city = ...

  2. MATLAB身份证号识别

    MATLAB身份证号识别 MATLAB身份证号识别 将要处理图片 提取数字区域 紧接着将数字分割保存 . 自己的数据集 将图片格式化 将分割后的图片一一与10个不同数据进行对比,得到一个数组match ...

  3. 1tensorflow 实现端到端的OCR:二代身份证号识别 + 2tensorflow LSTM+CTC实现端到端的不定长数字串识别

    1tensorflow 实现端到端的OCR:二代身份证号识别 链接地址:https://www.jianshu.com/p/803642d0d8f8 2tensorflow LSTM+CTC实现端到端 ...

  4. C语言 身份证号解析年龄和性别

    任务描述 编写一个程序:输入一个身份证号,判断该号码对应的人是否是18至25岁女孩,是则输出"yes",否则输出"no" 功能要求 ①输入一行给出正整数N(&l ...

  5. 根据出生日期计算年龄或者根据身份证号计算年龄

    可以把这个方法写成一个工具类方便以后在项目中调用,以下是写好的方法可以直接拿去用 注:(此方法计算的是虚岁年龄不是实岁年龄) //根据身份证号计算年龄 //身份证号 //String certNo = ...

  6. excel提取身份证出生日期_用Excel提取身份证号的年龄,不满生日的减一岁

    在人事工作中,经常需要根据身份证号来提取信息,最经典的就是要用身份证号来提取年龄,我们举例,下表是模拟的公司员工身份证号数据 1.简单提取年龄 我们知道身份证号的第7-14位是我们出生的年月日,我们可 ...

  7. 通过身份证号得到年龄、性别和出生日期

    注:目前只针对18位身份证号码. 不多说了,直接上代码,调用IdCard(UUserCard,num)方法即可,其中UUserCard为身份 //通过身份证号计算年龄.性别.出生日期 function ...

  8. js前端通过身份证号判断年龄、性别、出生日期。

    方法有两个参数,第一个形参传身份证号,第二个形参传num. num=1 代表返回出生日期. num=2代表返回性别. num=3代表返回年龄. //通过身份证号计算年龄.性别.出生日期 functio ...

  9. 根据身份证号计算年龄

    根据身份证号计算年龄     /// <summary>     /// 计算年龄     /// </summary>     /// <param name=&quo ...

最新文章

  1. 一文梳理缺陷检测方法
  2. [机器学习] 训练集(train set) 验证集(validation set) 测试集(test set)
  3. sql语句换行_Spark随笔|关于Bucket Table与SQL语句转换
  4. 发送WM_COPYDATA消息实现进程间的通信
  5. Ember Charts – 基于 Ember D3 的图表库
  6. 389 find the difference
  7. MySQL 字段默认值该如何设置
  8. ASP.NET MVC实践系列11-FCKEditor和CKEditor的使用
  9. 已知三点求圆心 c语言,转 已知两点坐标和半径求圆心坐标程序C++
  10. 三菱有C语言PLC控制器,三菱PLC可程序设计控制器系列软件介绍
  11. 高速PCB设计中遇到的问题总结
  12. 自定义函数求两个整数的绝对差值及排序
  13. 电容的耐压值选择---陶瓷电容、钽电容、电解电容
  14. win7需要计算机管理员权限,解决方案:Win7安装软件需要管理员权限解决方案
  15. charles 批量重复请求/重复发包工具
  16. 新站快速排名的seo优化流程
  17. LinkedIn领英怎么避免封号?封号怎么解决?(建议收藏)
  18. 谢国忠正在走入一种非理性思维状态
  19. 在s7 1200中模拟量的应用
  20. 群晖video station 2.4.9-1626申请API后无法连接的解决办法

热门文章

  1. oracle求两个字段的日期差
  2. 记录一下在云服务器上配置MYSQL主从。
  3. Java+高级篇+单核CPU vs 多核CPU
  4. 要是卢安娜的飓风可以触发所有远程英雄的技能,哪些英雄最强?
  5. 拼多多-桌上暖垫排行榜-好评榜调研
  6. word关闭时卡死_如何修复卡死的Mac
  7. Material 的 Tiling 和 Offset
  8. ggplot绘制时间相关性折线图和面积图(2)
  9. 傅里叶变换、拉普拉斯变换、z变换之间的联系
  10. 根据拓扑图,实现PC端通交换机ping通路由器loop back地址