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提交form表单的方法总结
Mar 03 Javascript
基于jquery和svg实现超炫酷的动画特效
Dec 09 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
Dec 18 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
May 12 Javascript
windows下vue-cli及webpack搭建安装环境
Apr 25 Javascript
angular.js实现购物车功能
Oct 23 Javascript
Vue 创建组件的两种方法小结(必看)
Feb 23 Javascript
详解如何在Vue项目中导出Excel
Apr 19 Javascript
NUXT SSR初级入门笔记(小结)
Dec 16 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 Javascript
Javascript实现关闭广告效果
Jan 29 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 图片加水印与上传图片加水印php类
2010/05/12 PHP
Yii入门教程之目录结构、入口文件及路由设置
2014/11/25 PHP
php使用post数组的键值创建同名变量并赋值的方法
2015/04/03 PHP
php简单判断两个字符串是否相等的方法
2015/07/13 PHP
短信提示使用 特效
2007/01/19 Javascript
JavaScript中的16进制字符(改进)
2011/11/21 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
2014/05/27 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
新手学习前端之js模仿淘宝主页网站
2016/10/31 Javascript
JS双击变input框批量修改内容
2016/12/12 Javascript
Require.js的基本用法详解
2017/07/03 Javascript
Vue 获取数组键名的方法
2018/06/21 Javascript
微信小程序简单的canvas裁剪图片功能详解
2019/07/12 Javascript
es6函数之严格模式用法实例分析
2020/03/17 Javascript
vue项目使用$router.go(-1)返回时刷新原来的界面操作
2020/07/26 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
如何解决django配置settings时遇到Could not import settings 'conf.local'
2014/11/18 Python
Python随机生成数模块random使用实例
2015/04/13 Python
Python中的日期时间处理详解
2016/11/17 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
在pycharm中设置显示行数的方法
2019/01/16 Python
python按比例随机切分数据的实现
2019/07/11 Python
django基于cors解决跨域请求问题详解
2019/08/06 Python
python pyinstaller打包exe报错的解决方法
2019/11/02 Python
python中requests模拟登录的三种方式(携带cookie/session进行请求网站)
2020/11/17 Python
Troy-Bilt官网:草坪割草机、吹雪机、分蘖机等
2019/02/19 全球购物
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类?
2012/05/30 面试题
企业口号大全
2014/06/12 职场文书
初中生300字旷课检讨书
2014/11/19 职场文书
郭明义电影观后感
2015/06/08 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书
探讨Java中的深浅拷贝问题
2021/06/26 Java/Android
SpringBoot SpringEL表达式的使用
2021/07/25 Java/Android