jQuery实现根据身份证号获取生日、年龄、性别等信息的方法


Posted in jQuery onJanuary 09, 2019

本文实例讲述了jQuery实现根据身份证号获取生日、年龄、性别等信息的方法。分享给大家供大家参考,具体如下:

jquery根据身份证号获取生日、年龄、性别

1.html

<input type="text" />
<input type="button" onclick="getCode()" value="查询"/>

2.js

var getCode = function () {
 var ele = $("input").val();
 var birth = ele.substring(6, 10) + "-" + ele.substring(10, 12) + "-" + ele.substring(12, 14);
 console.log(birth);
 var sex = "";
 if (parseInt(ele.substr(16, 1)) % 2 == 1) {
  sex = "男";
 } else {
  sex = "女";
 }
 console.log(sex);
 //获取年龄
 var myDate = new Date();
 var month = myDate.getMonth() + 1;
 var day = myDate.getDate();
 var age = myDate.getFullYear() - ele.substring(6, 10) - 1;
 if (ele.substring(10, 12) < month || ele.substring(10, 12) == month && ele.substring(12, 14) <= day) {
  age++;
 }
 console.log(age);
};

效果:

jQuery实现根据身份证号获取生日、年龄、性别等信息的方法

完整示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery根据身份证号获取生日、年龄、性别</title>
</head>
<body>
<input type="text" />
<input type="button" onclick="getCode()" value="查询"/>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
var getCode = function () {
 var ele = $("input").val();
 var birth = ele.substring(6, 10) + "-" + ele.substring(10, 12) + "-" + ele.substring(12, 14);
 console.log(birth);
 var sex = "";
 if (parseInt(ele.substr(16, 1)) % 2 == 1) {
  sex = "男";
 } else {
  sex = "女";
 }
 console.log(sex);
 //获取年龄
 var myDate = new Date();
 var month = myDate.getMonth() + 1;
 var day = myDate.getDate();
 var age = myDate.getFullYear() - ele.substring(6, 10) - 1;
 if (ele.substring(10, 12) < month || ele.substring(10, 12) == month && ele.substring(12, 14) <= day) {
  age++;
 }
 console.log(age);
};
</script>
</body>
</html>

感兴趣的朋友可以使用本站在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

另外,本站在线工具小程序上也有一款功能更加强大的身份证信息获取工具,感兴趣的朋友可以扫描如下小程序码查看:

jQuery实现根据身份证号获取生日、年龄、性别等信息的方法

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery复合事件用法示例
Jun 10 jQuery
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
jquery animate动画持续运动的实例
Nov 29 jQuery
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 jQuery
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
jQuery 选择器用法实例分析【prev + next】
May 22 jQuery
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
jquery实现拖拽添加元素功能
Dec 01 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 #jQuery
jQuery实现的别踩白块小游戏完整示例
Jan 07 #jQuery
jQuery判断自定义属性data-val用法示例
Jan 07 #jQuery
jQuery实现的简单歌词滚动功能示例
Jan 07 #jQuery
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 #jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 #jQuery
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 #jQuery
You might like
PHP中调用JAVA
2006/10/09 PHP
PHP使用缓存即时输出内容(output buffering)的方法
2015/08/03 PHP
深入浅析yii2-gii自定义模板的方法
2016/04/26 PHP
新发现一个骗链接的方法(js读取cookies)
2012/01/11 Javascript
jquery ui对话框实例代码
2013/05/10 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
Node.js中的流(Stream)介绍
2015/03/30 Javascript
jQuery选择器源码解读(一):Sizzle方法
2015/03/31 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
前端框架Vue.js构建大型应用浅析
2016/09/12 Javascript
JS中BOM相关知识点总结(必看篇)
2016/11/22 Javascript
Javascript 判断两个IP是否在同一网段实例代码
2016/11/28 Javascript
原生的强大DOM选择器querySelector介绍
2016/12/21 Javascript
基于jQuery实现简单人工智能聊天室
2017/02/10 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
AngularJs定时器$interval 和 $timeout详解
2017/05/25 Javascript
微信小程序后台解密用户数据实例详解
2017/06/28 Javascript
vue实现word,pdf文件的导出功能
2018/07/31 Javascript
vue路由跳转传递参数的方式总结
2020/05/10 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
2020/07/17 Javascript
vue-路由精讲 二级路由和三级路由的作用
2020/08/06 Javascript
Python通过解析网页实现看报程序的方法
2014/08/04 Python
Python三级菜单的实例
2017/09/13 Python
Python面向对象之接口、抽象类与多态详解
2018/08/27 Python
python画图把时间作为横坐标的方法
2019/07/07 Python
python类的实例化问题解决
2019/08/31 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
python如何实时获取tcpdump输出
2020/09/16 Python
用canvas画心电图的示例代码
2018/09/10 HTML / CSS
美国在线面料商店:Online Fabric Store
2018/07/26 全球购物
声明struct x1 { . . . }; 和typedef struct { . . . }x2;有什么不同
2012/06/02 面试题
《夕阳真美》教学反思
2014/04/27 职场文书
小学生优秀评语
2014/12/29 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers