快捷導(dǎo)航

JS實(shí)現(xiàn)的檢驗(yàn)身份證格式并輸出出生日期，年齡，性別，出生地示例

更新時(shí)間：2019年05月17日 10:45:50 作者：longzhoufeng

這篇文章主要介紹了JS實(shí)現(xiàn)的檢驗(yàn)身份證格式并輸出出生日期，年齡，性別，出生地,涉及javascript字符串遍歷、運(yùn)算、轉(zhuǎn)換等相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)的檢驗(yàn)身份證格式并輸出出生日期，年齡，性別，出生地。分享給大家供大家參考，具體如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>檢驗(yàn)身份證格式并輸出出生日期，年齡，性別，出生地</title>
</head>
<body>
<script>
  window.onload = function() {
    var txtVal = document.getElementById("txtVal");
    var oBtn = document.getElementById("oBtn");
    //兼容瀏覽器點(diǎn)擊事件
    function myAddEvent(obj, ev, fn) {
      if(obj.attachEvent) {
        obj.attachEvent("on" + ev, fn);
      }
      else {
        obj.addEventListener(ev, fn, false);
      }
    };
    //身份證地區(qū)
    var areaID = {
      11: "北京",
      12: "天津",
      13: "河北",
      14: "山西",
      15: "內(nèi)蒙古",
      21: "遼寧",
      22: "吉林",
      23: "黑龍江",
      31: "上海",
      32: "江蘇",
      33: "浙江",
      34: "安徽",
      35: "福建",
      36: "江西",
      37: "山東",
      41: "河南",
      42: "湖北",
      43: "湖南",
      44: "廣東",
      45: "廣西",
      46: "海南",
      50: "重慶",
      51: "四川",
      52: "貴州",
      53: "云南",
      54: "西藏",
      61: "陜西",
      62: "甘肅",
      63: "青海",
      64: "寧夏",
      65: "新疆",
      71: "臺(tái)灣",
      81: "香港",
      82: "澳門",
      91: "國(guó)外"
    };
    //性別
    var sexMap = {0: "女", 1: "男"};
    /*********************************************
     * 檢驗(yàn)身份證格式是否正確
     ********************************************/
    var checkIdCard = function(IDCard) {
      var iSum = 0;
      var info = "";
      if(!/^\d{17}(\d|x)$/i.test(IDCard))
        return {
          status: false,
          message: '你輸入的身份證長(zhǎng)度或格式錯(cuò)誤!'
        };
      IDCard = IDCard.replace(/x$/i, "a");
      if(areaID[parseInt(IDCard.substr(0, 2))] == null)
        return {
          status: false,
          message: '你的身份證地區(qū)非法!'
        };
      var sBirthday = IDCard.substr(6, 4) + "-" + Number(IDCard.substr(10, 2)) + "-" + Number(IDCard.substr(12, 2));
      var d = new Date(sBirthday.replace(/-/g, "/"));
      if(sBirthday != (d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate()))
        return {
          status: false,
          message: '身份證上的出生日期非法!'
        };
      for(var i = 17; i >= 0; i--)
        iSum += (Math.pow(2, i) % 11) * parseInt(IDCard.charAt(17 - i), 11);
      if(iSum % 11 != 1)
        return {
          status: false,
          message: '你輸入的身份證號(hào)非法!'
        };
      //aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女");//此次還可以判斷出輸入的身份證號(hào)的人性別
      return {
        status: true,
        message: '校驗(yàn)成功！'
      };
    };
    /*********************************************
     * 根據(jù)身份證號(hào)獲取性別
     *********************************************/
    var getSexByIdCard = function(idCard) {
      if(idCard.length == 15) {
        return sexMap[idCard.substring(14, 15) % 2];
      } else if(idCard.length == 18) {
        return sexMap[idCard.substring(14, 17) % 2];
      } else {
        //不是15或者18,null
        return '';
      }
    };
    /*********************************************
     * 根據(jù)身份證號(hào)獲取生日
     *********************************************/
    var getBirthdayByIdCard = function(idCard) {
      var birthStr;
      if(15 == idCard.length) {
        birthStr = idCard.charAt(6) + idCard.charAt(7);
        if(parseInt(birthStr) < 10) {
          birthStr = '20' + birthStr;
        } else {
          birthStr = '19' + birthStr;
        }
        birthStr = birthStr + '-' + idCard.charAt(8) + idCard.charAt(9) + '-' + idCard.charAt(10) + idCard.charAt(11);
      } else if(18 == idCard.length) {
        birthStr = idCard.charAt(6) + idCard.charAt(7) + idCard.charAt(8) + idCard.charAt(9) + '-' + idCard.charAt(10) + idCard.charAt(11) + '-' + idCard.charAt(12) + idCard.charAt(13);
      }
      return birthStr;
    };
    /*********************************************
     * 根據(jù)身份證號(hào)獲取出生地
     *********************************************/
    var getAreaByIdCard = function(idCard) {
      return areaID[parseInt(idCard.substr(0, 2))];
    };
    /*********************************************
     * 根據(jù)身份證號(hào)獲取年齡
     *********************************************/
    var getAgeByIdCard = function(idCard) {
      var birthStr = getBirthdayByIdCard(idCard);
      var r = birthStr.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
      if(r == null) return '';
      var d = new Date(r[1], r[3] - 1, r[4]);
      if(d.getFullYear() == r[1] && (d.getMonth() + 1) == r[3] && d.getDate() == r[4]) {
        var Y = new Date().getFullYear();
        return (Y - r[1]);
      } else {
        return '';
      }
    };
    //點(diǎn)擊獲取校驗(yàn)結(jié)果
    myAddEvent(oBtn, "click", function() {
      var card = txtVal.value
      if(checkIdCard(card).status) {
        //校驗(yàn)是否成功
        console.log(checkIdCard(card).message)
        //輸出性別
        console.log(getSexByIdCard(card))
        //輸出生日
        console.log(getBirthdayByIdCard(card))
        //輸出出生地
        console.log(getAreaByIdCard(card))
        //輸出年齡
        console.log(getAgeByIdCard(card))
      } else {
        console.log(checkIdCard(card).message)
      }
    });
  }
</script>
<input type="text" value="" id="txtVal">
<input type="button" id="oBtn" value="獲取身份證信息">
</body>
</html>

這里使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼，可得如下運(yùn)行結(jié)果：