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 相关文章推荐
图片onload事件触发问题解决方法
Jul 31 Javascript
公共js在页面底部加载的注意事项介绍
Jul 18 Javascript
js判断字符长度及中英文数字等
Mar 19 Javascript
javascript实现页面刷新时自动清空表单并选中的方法
Jul 18 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
Mar 31 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
Oct 30 Javascript
WebSocket实现简单客服聊天系统
May 12 Javascript
Vue 2.0入门基础知识之内部指令详解
Oct 15 Javascript
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
详解angular脏检查原理及伪代码实现
Jun 08 Javascript
Electron 如何调用本地模块的方法
Feb 01 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 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
玛琪朵 Macchiato
2021/03/03 咖啡文化
ASP知识讲座四
2006/10/09 PHP
PHP生成带有雪花背景的验证码
2008/09/28 PHP
PHP实现把MySQL数据库导出为.sql文件实例(仿PHPMyadmin导出功能)
2014/05/10 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
PHP函数nl2br()与自定义函数nl2p()换行用法分析
2016/04/02 PHP
PHP开发实现微信退款功能示例
2017/11/25 PHP
JavaScript 对象、函数和继承
2009/07/07 Javascript
jQuery下通过$.browser来判断浏览器.
2011/04/05 Javascript
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
JavaScript验证电子邮箱的函数
2014/08/22 Javascript
jQuery操作cookie方法实例教程
2014/11/25 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
jQuery插件实现无缝滚动特效
2015/11/24 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
jQuery实现拼图小游戏(实例讲解)
2017/07/24 jQuery
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
jQuery实现鼠标响应式透明度渐变动画效果示例
2018/02/13 jQuery
vue异步axios获取的数据渲染到页面的方法
2018/08/09 Javascript
egg.js的基本使用和调用数据库的方法示例
2019/05/18 Javascript
vue+element创建动态的form表单及动态生成表格的行和列
2019/05/20 Javascript
jquery中attr、prop、data区别与用法分析
2019/09/25 jQuery
[07:55]2014DOTA2 TI正赛第三日 VG上演推进荣耀DKEG告别
2014/07/21 DOTA
python异常和文件处理机制详解
2016/07/19 Python
pandas 对每一列数据进行标准化的方法
2018/06/09 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
pyqt5 从本地选择图片 并显示在label上的实例
2019/06/13 Python
python爬虫之爬取百度音乐的实现方法
2019/08/24 Python
Python hashlib加密模块常用方法解析
2019/12/18 Python
毕业生自荐信
2013/12/14 职场文书
学习心得体会
2014/01/01 职场文书
电子商务自荐书范文
2014/01/04 职场文书
迟到检讨书300字
2014/02/14 职场文书
2014年销售助理工作总结
2014/12/01 职场文书
导游词之岳阳楼
2019/09/25 职场文书
MySQL数据库如何给表设置约束详解
2022/03/13 MySQL