jQuery实现从身份证号中获取出生日期和性别的方法分析


Posted in Javascript onFebruary 25, 2016

本文实例分析了jQuery实现从身份证号中获取出生日期和性别的方法。分享给大家供大家参考,具体如下:

一、前言:

今天,在做移动端的项目中,按照设计稿的要求,是可以让用户自己输入出生日期的,我还很认真的用了刚刚知道的html5表单的日期类型,本想着终于不用日期插件就可以实现用户选择自己的出生日期了,可结果老大说,把这个表单去掉,要做成从身份证号里边读取用户的出生日期。好吧,高兴了一半,结果...。唉,没办法,只能按照领导的要求来做啊,于是就有了下边的从身份证号中获取出生日期和性别的代码。

二、实现代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery.min.js"></script>
</head>
<body> 
<input type="tel" id="js_Idcard">
<span id="js_birthday"></span>
<script>
 $(function(){
  function GetBirthdatByIdNo(iIdNo){
   var tmpStr = "";
   var birthday = $("#js_birthday");
   iIdNo = $.trim(iIdNo);
   if(iIdNo.length == 15){
    tmpStr = iIdNo.substring(6, 12);
    tmpStr = "19" + tmpStr;
    tmpStr = tmpStr.substring(0, 4) + "-" + tmpStr.substring(4, 6) + "-" + tmpStr.substring(6);
    sexStr = parseInt(iIdNo.substring(14, 1),10) % 2 ? "男" : "女";
    birthday.text(sexStr + tmpStr);
   }else{
    tmpStr = iIdNo.substring(6, 14);
    tmpStr = tmpStr.substring(0, 4) + "-" + tmpStr.substring(4, 6) + "-" + tmpStr.substring(6);
    sexStr = parseInt(iIdNo.substring(17, 1),10) % 2 ? "男" : "女";
    birthday.text(sexStr + tmpStr);
   }
  }
 $("#js_Idcard").blur(function(){
  GetBirthdatByIdNo($(this).val());
 });
});  
</script>
</body>
</html>

另一种从身份证号中获取性别的代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery.min.js"></script>
</head>
<body> 
<input type="tel" id="js_Idcard">
<span id="js_birthday"></span>
<script>
 $(function(){
  function go(){
   var id = $("#js_Idcard").val();
   var last = id[id.length - 2];
   if(last % 2 != 0){
    $("#js_birthday").text("男");
   }else{
    $("#js_birthday").text("女");
   }
  }
  $("#js_Idcard").blur(function(){
  go();
  });
});
</script>
</body>
</html>

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

jQuery实现从身份证号中获取出生日期和性别的方法分析

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

Javascript 相关文章推荐
javascript数组的扩展实现代码集合
Jun 01 Javascript
JS date对象的减法处理实现代码
Dec 28 Javascript
js 判断脚本加载完毕的代码
Jul 13 Javascript
jquery解决图片路径不存在执行替换路径
Feb 06 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
Sep 06 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
Feb 27 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
Sep 08 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
Dec 08 Javascript
WebView启动支付宝客户端支付失败的问题小结
Jan 11 Javascript
js 判断一个数字是不是2的n次方幂的实例
Nov 26 Javascript
详解ES6 Fetch API HTTP请求实用指南
Nov 14 Javascript
antd-日历组件,前后禁止选择,只能选中间一部分的实例
Oct 29 Javascript
jquery实现列表上下移动功能
Feb 25 #Javascript
js简单判断移动端系统的方法
Feb 25 #Javascript
jquery ztree实现树的搜索功能
Feb 25 #Javascript
jquery ztree异步搜索(搜叶子)实践
Feb 25 #Javascript
JQuery ztree 异步加载实例讲解
Feb 25 #Javascript
Node.js编写组件的三种实现方式
Feb 25 #Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
Feb 25 #Javascript
You might like
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
深入理解PHP中的global
2014/08/19 PHP
汇总PHPmailer群发Gmail的常见问题
2016/02/24 PHP
javascript实现动态增加删除表格行(兼容IE/FF)
2007/04/02 Javascript
javascript优先加载笔记代码
2008/09/30 Javascript
js实现单一html页面两套css切换代码
2013/04/11 Javascript
js函数排序的实例代码
2013/07/01 Javascript
根据表格中的某一列进行排序的javascript代码
2013/11/29 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
2014/10/16 Javascript
JavaScript中的类数组对象介绍
2014/12/30 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
2016/11/01 Javascript
前端编码规范(3)JavaScript 开发规范
2017/01/21 Javascript
vue.js树形组件之删除双击增加分支实例代码
2017/02/28 Javascript
ReactNative短信验证码倒计时控件的实现代码
2017/07/20 Javascript
bootstrap select下拉搜索插件使用方法详解
2017/11/23 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
2018/11/14 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
[02:50]2014DOTA2 TI预选赛预选赛 大神专访第一弹!
2014/05/21 DOTA
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
简单介绍Python的Tornado框架中的协程异步实现原理
2015/04/23 Python
python协程用法实例分析
2015/06/04 Python
Python 绘图库 Matplotlib 入门教程
2018/04/19 Python
深度辨析Python的eval()与exec()的方法
2019/03/26 Python
学习python分支结构
2019/05/17 Python
Python Print实现在输出中插入变量的例子
2019/12/25 Python
HTML5是否真的可以取代Flash
2010/02/10 HTML / CSS
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
2014年预备党员学习两会心得体会
2014/03/17 职场文书
如何写贫困证明申请书
2014/10/29 职场文书
2014年社区教育工作总结
2014/12/02 职场文书
茶楼服务员岗位职责
2015/02/09 职场文书