快捷導(dǎo)航

jQuery實(shí)現(xiàn)從身份證號(hào)中獲取出生日期和性別的方法分析

更新時(shí)間：2016年02月25日 10:08:26 作者：小壞

這篇文章主要介紹了jQuery實(shí)現(xiàn)從身份證號(hào)中獲取出生日期和性別的方法,結(jié)合實(shí)例形式分析了jQuery數(shù)學(xué)運(yùn)算與字符串操作相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例分析了jQuery實(shí)現(xiàn)從身份證號(hào)中獲取出生日期和性別的方法。分享給大家供大家參考，具體如下：

一、前言：

今天，在做移動(dòng)端的項(xiàng)目中，按照設(shè)計(jì)稿的要求，是可以讓用戶自己輸入出生日期的，我還很認(rèn)真的用了剛剛知道的html5表單的日期類型，本想著終于不用日期插件就可以實(shí)現(xiàn)用戶選擇自己的出生日期了，可結(jié)果老大說，把這個(gè)表單去掉，要做成從身份證號(hào)里邊讀取用戶的出生日期。好吧，高興了一半，結(jié)果...。唉，沒辦法，只能按照領(lǐng)導(dǎo)的要求來做啊，于是就有了下邊的從身份證號(hào)中獲取出生日期和性別的代碼。

二、實(shí)現(xiàn)代碼：

<!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>

另一種從身份證號(hào)中獲取性別的代碼：

<!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>

另外，本站在線工具小程序上也有一款功能更加強(qiáng)大的身份證信息獲取工具，感興趣的朋友可以掃描如下小程序碼查看：