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 相关文章推荐
创建公共调用 jQuery Ajax 带返回值
Aug 01 Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 Javascript
javascript原始值和对象引用实例分析
Apr 25 Javascript
javascript如何写热点图
Dec 08 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
May 10 Javascript
jstree单选功能的实现方法
Jun 07 Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 Javascript
为什么说JavaScript预解释是一种毫无节操的机制详析
Nov 18 Javascript
详解微信小程序获取当前时间及日期的方法
Apr 28 Javascript
Layui弹出层 加载 做编辑页面的方法
Sep 16 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
Aug 14 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
Aug 31 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
javascript 小型动画组件与实现代码
2010/06/02 PHP
浅析PHP substr,mb_substr以及mb_strcut的区别和用法
2013/06/21 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
在标题栏显示新消息提示,很多公司项目中用到这个方法
2011/11/04 Javascript
如何在指定的地方插入html内容和文本内容
2013/12/23 Javascript
jQuery DOM插入节点操作指南
2015/03/03 Javascript
jquery实现页面关键词高亮显示的方法
2015/03/12 Javascript
解析Javascript单例模式概念与实例
2016/12/05 Javascript
利用vue.js插入dom节点的方法
2017/03/15 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
Node.js 回调函数实例详解
2017/07/06 Javascript
详解vue.js之绑定class和style的示例代码
2017/08/24 Javascript
利用SpringMVC过滤器解决vue跨域请求的问题
2018/02/10 Javascript
零基础之Node.js搭建API服务器的详解
2019/03/08 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
2020/06/17 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
2020/08/06 Javascript
深入Python函数编程的一些特性
2015/04/13 Python
python通过ssh-powershell监控windows的方法
2015/06/02 Python
python去掉行尾的换行符方法
2017/01/04 Python
人机交互程序 python实现人机对话
2017/11/14 Python
用python生成1000个txt文件的方法
2018/10/25 Python
python实现两张图片的像素融合
2019/02/23 Python
python使用paramiko模块通过ssh2协议对交换机进行配置的方法
2019/07/25 Python
使用Python调取任意数字资产钱包余额功能
2019/08/15 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
澳大利亚优质葡萄酒专家:Vintage Cellars
2019/01/08 全球购物
Guess美国官网:美国知名服装品牌
2019/04/08 全球购物
什么是触发器(trigger)? 触发器有什么作用?
2013/09/18 面试题
工商技校毕业生自荐信
2013/11/15 职场文书
入团介绍人意见范文
2015/06/04 职场文书
倡议书怎么写?
2019/04/11 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
PostGIS的安装与入门使用指南
2022/01/18 PostgreSQL
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python