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 相关文章推荐
如何使用HTML5地理位置定位功能
Apr 27 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
Node.js中使用jQuery的做法
Aug 17 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
Mar 29 Javascript
vue.js指令和组件详细介绍及实例
Apr 06 Javascript
详解vue-router基本使用
Apr 18 Javascript
关于Bootstrap按钮组件消除黄框的方法
May 19 Javascript
Vue.js实现的表格增加删除demo示例
May 22 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
Jun 15 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
Sep 05 Javascript
js对象简介与基本用法示例
Mar 13 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中的Class的几点个人看法
2006/10/09 PHP
php 无限极分类
2008/03/27 PHP
四个PHP非常实用的功能
2015/09/29 PHP
全面解析PHP面向对象的三大特征
2017/06/10 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
JS中的log对象获取以及debug的写法介绍
2014/03/03 Javascript
2014年50个程序员最适用的免费JQuery插件
2014/12/15 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
3种不同的ContextMenu右键菜单实现代码
2016/11/03 Javascript
基于node.js制作简单爬虫教程
2017/06/29 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
2017/09/26 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
利用JavaScript将Excel转换为JSON示例代码
2019/06/14 Javascript
javascript canvas检测小球碰撞
2020/04/17 Javascript
javascript使用Blob对象实现的下载文件操作示例
2020/04/18 Javascript
详解Vue3中对VDOM的改进
2020/04/23 Javascript
vue+iview分页组件的封装
2020/11/17 Vue.js
11个Javascript小技巧帮你提升代码质量(小结)
2020/12/28 Javascript
python 正则式 概述及常用字符
2009/05/07 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
判断python字典中key是否存在的两种方法
2018/08/10 Python
python接口调用已训练好的caffe模型测试分类方法
2019/08/26 Python
用什么库写 Python 命令行程序(示例代码详解)
2020/02/20 Python
快速解决jupyter notebook启动需要密码的问题
2020/04/21 Python
html5教你做炫酷的碎片式图片切换 (canvas)
2017/07/28 HTML / CSS
联想西班牙官网:Lenovo西班牙
2018/08/28 全球购物
The Hut美国/加拿大:英国领先的豪华在线百货商店
2019/03/26 全球购物
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
请用Java实现列出某个目录下的所有文件
2013/09/23 面试题
质量承诺书格式
2014/05/20 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
周年庆典答谢词
2015/01/20 职场文书
政府会议通知范文
2015/04/15 职场文书
欧也妮葛朗台读书笔记
2015/06/30 职场文书
Vue Element UI自定义描述列表组件
2021/05/18 Vue.js
css中:last-child不生效的解决方法
2022/08/05 HTML / CSS