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 相关文章推荐
kmock javascript 单元测试代码
Feb 06 Javascript
javascript权威指南 学习笔记之null和undefined
Sep 25 Javascript
基于jQuery实现下拉收缩(展开与折叠)特效
Dec 25 Javascript
无闪烁更新网页内容JS实现
Dec 19 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
Nov 02 Javascript
JavaScript 闭包详细介绍
Sep 28 Javascript
JavaScript基于对象去除数组重复项的方法
Oct 09 Javascript
微信小程序 自定义对话框实例详解
Jan 20 Javascript
原生js和css实现图片轮播效果
Feb 07 Javascript
详解Vue 实例中的生命周期钩子
Mar 21 Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 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
php写入数据到CSV文件的方法
2015/03/14 PHP
Laravel find in set排序实例
2019/10/09 PHP
JavaScript中的History历史对象
2008/01/16 Javascript
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
2008/11/06 Javascript
Javascript !!的作用
2008/12/04 Javascript
JQuery 学习技巧总结
2010/05/21 Javascript
基于Jquery实现表格动态分页实现代码
2011/06/21 Javascript
jquery模拟按下回车实现代码
2011/09/20 Javascript
无闪烁更新网页内容JS实现
2013/12/19 Javascript
jQuery CSS()方法改变现有的CSS样式
2014/08/20 Javascript
JavaScript 异常处理 详解
2015/02/06 Javascript
javascript实现了照片拖拽点击置顶的照片墙代码
2015/04/03 Javascript
JavaScript三元运算符的多种使用技巧
2015/04/16 Javascript
JS实现黑客帝国文字下落效果
2015/09/01 Javascript
跟我学习javascript的call(),apply(),bind()与回调
2015/11/16 Javascript
完美实现bootstrap分页查询
2015/12/09 Javascript
AngularJS 霸道的过滤器小结
2017/04/26 Javascript
Angular4自制一个市县二级联动组件示例
2017/11/21 Javascript
Vue验证码60秒倒计时功能简单实例代码
2018/06/22 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
2018/08/30 Javascript
Vue项目引进ElementUI组件的方法
2018/11/11 Javascript
ES6 Promise对象概念及用法实例详解
2019/10/15 Javascript
Vue中jsx不完全应用指南小结
2019/11/01 Javascript
[13:21]DOTA2国际邀请赛采访专栏:RSnake战队国士无双,Fnatic.Fly
2013/08/06 DOTA
[58:37]Serenity vs Fnatic 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
python使用beautifulsoup从爱奇艺网抓取视频播放
2014/01/23 Python
python实现12306抢票及自动邮件发送提醒付款功能
2018/03/08 Python
KEEN美国官网:美国人气户外休闲鞋品牌
2021/03/09 全球购物
扬尘污染防治方案
2014/06/15 职场文书
安全目标责任书
2014/07/22 职场文书
单位证明范文
2015/06/18 职场文书
退休教师追悼词
2015/06/23 职场文书
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫
mysql 索引的数据结构为什么要采用B+树
2022/04/26 MySQL
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python
Python中使用tkFileDialog实现文件选择、保存和路径选择
2022/05/20 Python