jQuery實作從身分證字號中取得出生日期和性別的方法分析

jQuery實作從身分證字號中取得出生日期和性別的方法分析_jquery

WBOY

發布： 2016-05-16 15:13:50

原創

1293 人瀏覽過

本文實例分析了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 &#63; "男" : "女";
        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 &#63; "男" : "女";
        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程式設計有所幫助。