快捷導(dǎo)航

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

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

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

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

一、前言：

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

二、實現(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>

另一種從身份證號中獲取性別的代碼：

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

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