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 相关文章推荐
javascript Window及document对象详细整理
Jan 12 Javascript
javascript之bind使用介绍
Oct 09 Javascript
javascript加号&quot;+&quot;的二义性说明
Mar 04 Javascript
jquery获取焦点和失去焦点事件代码
Apr 21 Javascript
js对象内部访问this修饰的成员函数示例
Apr 27 Javascript
基于jQuery实现网页打印功能
Dec 01 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
Jun 21 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
vue组件初学_弹射小球(实例讲解)
Sep 06 Javascript
Electron + vue 打包桌面操作流程详解
Jun 24 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
Feb 06 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 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的FTP学习(一)[转自奥索]
2006/10/09 PHP
php中将指针移动到数据集初始位置的实现代码[mysql_data_seek]
2012/11/01 PHP
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
PHP基于简单递归函数求一个数阶乘的方法示例
2017/04/26 PHP
js变量以及其作用域详解
2020/07/18 Javascript
Jquery加载时从后台读取数据绑定到dropdownList实例
2013/06/09 Javascript
javascript实现全角与半角字符的转换
2015/01/07 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
纯javascript实现分页(两种方法)
2015/08/26 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
React-Native中props具体使用详解
2017/09/04 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
2017/09/14 Javascript
JQuery元素快速查找与操作
2018/04/22 jQuery
vue axios请求频繁时取消上一次请求的方法
2018/11/10 Javascript
javascript实现遮罩层动态效果实例
2019/05/14 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
2019/07/25 Javascript
不刷新网页就能链接新的js文件方法总结
2020/03/01 Javascript
Vue 构造选项 - 进阶使用说明
2020/08/14 Javascript
[20:30]职业巡回赛回顾
2018/08/09 DOTA
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
Python编码时应该注意的几个情况
2013/03/04 Python
跟老齐学Python之重回函数
2014/10/10 Python
Python转换HTML到Text纯文本的方法
2015/01/15 Python
Python3之简单搭建自带服务器的实例讲解
2018/06/04 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
python 实现按对象传值
2019/12/26 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
伦敦最有品味的百货:Liberty London
2016/11/12 全球购物
丝芙兰中国官方商城:SEPHORA中国
2018/01/10 全球购物
优衣库台湾官网:UNIQLO台湾
2019/02/01 全球购物
环保倡议书300字
2014/05/15 职场文书
学生检讨书怎么写
2014/10/09 职场文书
2014年政风行风自查自纠报告
2014/10/21 职场文书
为什么MySQL不建议使用SELECT *
2022/04/03 MySQL