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 相关文章推荐
理解AngularJs指令
Dec 10 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
深入理解JS addLoadEvent函数
May 20 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
Jan 04 Javascript
jstree单选功能的实现方法
Jun 07 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
JS实现的视频弹幕效果示例
Aug 17 Javascript
原生js实现下拉选项卡
Nov 27 Javascript
Vue路由管理器Vue-router的使用方法详解
Feb 05 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
Mar 25 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
Body是什么,该怎么喝出咖啡里的口感
2021/03/03 咖啡文化
PHP 文件编程综合案例-文件上传的实现
2013/07/03 PHP
PHP中的密码加密的解决方案总结
2016/10/26 PHP
php使用file函数、fseek函数读取大文件效率对比分析
2016/11/04 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
在JavaScript中遭遇级联表达式陷阱
2007/03/08 Javascript
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
js png图片(有含有透明)在IE6中为什么不透明了
2010/02/07 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
2015/02/23 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
2015/06/22 Javascript
JavaScript常用函数工具集:lao-utils
2016/03/01 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
2016/12/30 Javascript
AngularJS Select(选择框)使用详解
2017/01/18 Javascript
vue父子组件的数据传递示例
2017/03/07 Javascript
nodejs async异步常用函数总结(推荐)
2017/11/17 NodeJs
关于微信小程序bug记录与解决方法
2018/08/15 Javascript
深入理解es6块级作用域的使用
2019/03/28 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
移动端吸顶fixbar的解决方案详解
2019/07/17 Javascript
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
vue实现动态表格提交参数动态生成控件的操作
2020/11/09 Javascript
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
python使用正则表达式分析网页中的图片并进行替换的方法
2015/03/26 Python
使用pandas对矢量化数据进行替换处理的方法
2018/04/11 Python
Python列表list排列组合操作示例
2018/12/18 Python
详解如何设置Python环境变量?
2019/05/13 Python
Pytorch 实现冻结指定卷积层的参数
2020/01/06 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
HTML5离线缓存Manifest是什么
2016/03/09 HTML / CSS
Ellesse英国官网:意大利高级运动品牌
2019/07/23 全球购物
Perfume’s Club澳大利亚官网:西班牙领先的在线美容店
2021/02/01 全球购物
节约能源标语
2014/06/17 职场文书
个人查摆剖析材料
2014/10/16 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书