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 相关文章推荐
破除网页鼠标右键被禁用的绝招大全
Dec 27 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
Nov 21 Javascript
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
JavaScript获取页面中超链接数量的方法
Nov 09 Javascript
jQuery版AJAX简易封装代码
Sep 14 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
Feb 12 Javascript
jQuery实现frame之间互通的方法
Jun 26 jQuery
简单的Vue异步组件实例Demo
Dec 27 Javascript
使用 vue.js 构建大型单页应用
Feb 10 Javascript
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
Aug 01 Javascript
vue 导航内容设置选中状态样式的例子
Nov 01 Javascript
vue如何使用模拟的json数据查看效果
Mar 31 Vue.js
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 UTF-8、Unicode和BOM问题
2010/05/18 PHP
腾讯QQ php程序员面试题目整理
2010/06/08 PHP
PHP中的函数-- foreach()的用法详解
2013/06/24 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
JavaScript之HTMLCollection接口代码
2011/04/27 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
2013/10/23 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
2014/05/11 Javascript
js中的getAttribute方法使用示例
2014/08/01 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
JQuery实现Ajax加载图片的方法
2015/12/24 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
2016/08/01 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
2017/05/02 Javascript
Vue父子模版传值及组件传值的三种方法
2017/11/27 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
vue webpack开发访问后台接口全局配置的方法
2018/09/18 Javascript
解决vue 单文件组件中样式加载问题
2019/04/24 Javascript
JavaScript实现缓动动画
2020/11/25 Javascript
Python struct模块解析
2014/06/12 Python
python实现多进程代码示例
2018/10/31 Python
在python中实现对list求和及求积
2018/11/14 Python
Python使用贪婪算法解决问题
2019/10/22 Python
纯DOM+CSS3实现简单的小风车动画
2016/09/27 HTML / CSS
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
英国排名第一的最新设计师品牌手表独立零售商:TIC Watches
2016/09/24 全球购物
Saks Fifth Avenue澳洲/亚太地区:萨克斯第五大道精品百货店
2019/06/09 全球购物
领导党性分析材料
2014/02/15 职场文书
新年团拜会主持词
2014/04/02 职场文书
就业协议书
2014/09/12 职场文书
学习三严三实对照检查材料思想汇报
2014/09/22 职场文书
雷锋电影观后感
2015/06/10 职场文书
个人欠条范本
2015/07/03 职场文书
安全生产培训心得体会
2016/01/18 职场文书
Java方法重载和方法重写的区别到底在哪?
2021/06/11 Java/Android
python之PySide2安装使用及QT Designer UI设计案例教程
2021/07/26 Python
如何Python使用re模块实现okenizer
2022/04/30 Python
MySQL中EXPLAIN语句及用法
2022/05/20 MySQL