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 EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
JavaScript获取和设置CheckBox状态的简单方法
Jul 05 Javascript
jQuery移除元素自动解绑事件实现思路及代码
May 31 Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 Javascript
JS中mouseover和mouseout多次触发问题如何解决
Jun 06 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
Jun 13 Javascript
Angular简单验证功能示例
Dec 22 Javascript
vue cli 3.0 使用全过程解析
Jun 14 Javascript
vue中el-upload上传图片到七牛的示例代码
Oct 19 Javascript
swiper4实现移动端导航栏tab滑动切换
Oct 16 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
Nov 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
PHP 显示客户端IP与服务器IP的代码
2010/10/12 PHP
PHP中使用smarty生成静态文件的例子
2014/04/24 PHP
PHP.ini中配置屏蔽错误信息显示和保存错误日志的例子
2014/05/12 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
jQuery 使用手册(七)
2009/09/23 Javascript
jQuery 学习第五课 Ajax 使用说明
2010/05/17 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
2014/05/05 Javascript
解决jquery版本冲突的有效方法
2014/09/02 Javascript
使用jquery实现鼠标滑过弹出更多相关信息层附源码下载
2015/11/23 Javascript
JS控制伪元素的方法汇总
2016/04/06 Javascript
探讨AngularJs中ui.route的简单应用
2016/11/16 Javascript
Angular使用$http.jsonp发送跨站请求的方法
2017/03/16 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
Python3.4学习笔记之常用操作符,条件分支和循环用法示例
2019/03/01 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
Python增强赋值和共享引用注意事项小结
2019/05/28 Python
python实现小世界网络生成
2019/11/21 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
Python如何脚本过滤文件中的注释
2020/05/27 Python
Matplotlib自定义坐标轴刻度的实现示例
2020/06/18 Python
浅谈matplotlib 绘制梯度下降求解过程
2020/07/12 Python
Django 用户认证Auth组件的使用
2020/11/30 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
阿根廷旅游网站:almundo阿根廷
2018/02/12 全球购物
顶丰TOPPIK台湾官网:增发纤维假发,告别秃发困扰
2018/06/13 全球购物
俄罗斯游戏商店:Buka
2020/03/01 全球购物
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
北大研究生linux应用求职信
2013/10/29 职场文书
2014年艾滋病防治工作总结
2014/12/10 职场文书
教师年度个人总结
2015/02/11 职场文书
2016党员发展对象培训心得体会
2016/01/08 职场文书
安全生产培训心得体会
2016/01/18 职场文书
《从现在开始》教学反思
2016/02/16 职场文书
Python实现文字pdf转换图片pdf效果
2022/04/03 Python
ICOM R71E和R72E图文对比解说
2022/04/07 无线电