脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jQuery从身份证号中获取出生日期和性别

jQuery实现从身份证号中获取出生日期和性别的方法分析

 更新时间：2016年02月25日 10:08:26   作者：小坏  
这篇文章主要介绍了jQuery实现从身份证号中获取出生日期和性别的方法,结合实例形式分析了jQuery数学运算与字符串操作相关技巧,需要的朋友可以参考下

本文实例分析了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拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • jquery中JSON的解析方式

    jquery中JSON的解析方式

    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明
    2015-03-03
  • JQuery模板插件 jquery.tmpl 动态ajax扩展

    JQuery模板插件 jquery.tmpl 动态ajax扩展

    在上一篇JQuery模板插件-jquery.tmpl中介绍了这款插件。有时我们需要去动态的ajax去加载模板，或者数据，根据url参数或者其他信息加载不同的模板，数据
    2011-11-11
  • jquery无法设置checkbox选中即没有变成选中状态

    jquery无法设置checkbox选中即没有变成选中状态

    设置以后checkbox并没有变成选中状态，用chrome调试看了一下，checkbox中确实有checked属性，针对这个问题，大家可以参考下本文
    2014-03-03
  • jQuery中index()的用法分析

    jQuery中index()的用法分析

    这篇文章主要介绍了jQuery中index()的用法分析,针对API示例进行分析,给出了改进方法的实例,需要的朋友可以参考下
    2014-09-09
  • 关于jquery性能最佳实践的讨论,与求教

    关于jquery性能最佳实践的讨论,与求教

    很久没写东西，年前的项目也接近尾声，最近在网上看到一篇文章是 阮一峰 的 《jQuery最佳实践》 链接在文末
    2012-03-03
  • jQuery使用hide方法隐藏页面上指定元素的方法

    jQuery使用hide方法隐藏页面上指定元素的方法

    这篇文章主要介绍了jQuery使用hide方法隐藏页面上指定元素的方法,涉及jQuery使用hide隐藏元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • JQuery页面随滚动条动态加载效果的简单实现(推荐)

    JQuery页面随滚动条动态加载效果的简单实现(推荐)

    下面小编就为大家带来一篇JQuery页面随滚动条动态加载效果的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • jquery实现浮动的侧栏实例

    jquery实现浮动的侧栏实例

    这篇文章主要介绍了jquery实现浮动的侧栏,实例分析了基于jQuery的stickySidebar插件实现浮动层的相关技巧,需要的朋友可以参考下
    2015-06-06
  • jQuery创建平滑的页面滚动(顶部或底部)

    jQuery创建平滑的页面滚动(顶部或底部)

    如何创建一个平滑的滚动效果是本文的目的使用jQuery让您可以滚动到你的网页的顶部或底部,相当不错的一个效果，感兴趣的你可不要错过了哈
    2013-02-02
  • 通过jquery实现页面的动画效果(实例代码)

    通过jquery实现页面的动画效果(实例代码)

    下面小编就为大家带来一篇通过jquery实现页面的动画效果(实例代码)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09

最新评论