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 相关文章推荐
Mootools 1.2教程 输入过滤第二部分(字符串)
Sep 15 Javascript
Jquery的hover方法让鼠标经过li时背景变色
Sep 06 Javascript
jquery 循环显示div的示例代码
Oct 18 Javascript
css3元素简单的闪烁效果实现(html5 jquery)
Dec 28 Javascript
node.js中的url.parse方法使用说明
Dec 10 Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
AngularJS教程之MVC体系结构详解
Aug 16 Javascript
WEB开发之注册页面验证码倒计时代码的实现
Dec 15 Javascript
JS+jQuery实现注册信息的验证功能
Sep 26 jQuery
require.js 加载过程与使用方法介绍
Oct 30 Javascript
Nuxt v-bind绑定img src不显示的解决
Dec 05 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
让你的WINDOWS同时支持MYSQL4,MYSQL4.1,MYSQL5X
2006/12/06 PHP
Laravel模板引擎Blade中section的一些标签的区别介绍
2015/02/10 PHP
php cli配置文件问题分析
2015/10/15 PHP
ecshop添加菜单及权限分配问题
2017/11/21 PHP
php使用curl模拟浏览器表单上传文件或者图片的方法
2018/11/10 PHP
PHP随机数函数rand()与mt_rand()的讲解
2019/03/25 PHP
Laravel手动返回错误码示例
2019/10/22 PHP
javascript XMLHttpRequest对象全面剖析
2010/04/24 Javascript
jquery+ajax验证不通过也提交表单问题处理
2014/12/12 Javascript
jquery实现超简洁的TAB选项卡效果代码
2015/08/28 Javascript
基于React.js实现原生js拖拽效果引发的思考
2016/03/30 Javascript
JS作为值的函数用法示例
2016/06/20 Javascript
Backbone View 之间通信的三种方式
2016/08/09 Javascript
Jquery组件easyUi实现表单验证示例
2016/08/23 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
2017/09/19 Javascript
vue-cli中安装方法(图文详细步骤)
2018/12/12 Javascript
JS div匀速移动动画与变速移动动画代码实例
2019/03/26 Javascript
生产制造追溯系统之在线打印功能
2019/06/03 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
使用JavaScript获取Django模板指定键值数据
2020/05/27 Javascript
如何在Vue.JS中使用图标组件
2020/08/04 Javascript
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
Python找出最小的K个数实例代码
2018/01/04 Python
Python判断中文字符串是否相等的实例
2018/07/06 Python
python django框架中使用FastDFS分布式文件系统的安装方法
2019/06/10 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
美国专注于健康商品的网站:eVitamins
2017/01/23 全球购物
Carter’s官方旗舰店:美国受欢迎的婴童服装品牌
2018/01/21 全球购物
美国克罗格超市在线购物:Kroger
2019/06/21 全球购物
美国婴儿和儿童服装购物网站:PatPat
2020/10/01 全球购物
艺术系大学生毕业个人自我评价
2013/09/19 职场文书
应届生保险求职信
2013/11/11 职场文书
抗洪救灾感谢信
2015/01/22 职场文书
特此通知格式
2015/04/27 职场文书
2016年党员读书月活动总结
2016/04/06 职场文书
2019感恩宣传标语!
2019/07/05 职场文书