JS實現的檢驗身份證格式并輸出出生日期，年齡，性別，出生地示例

2019-11-19 11:32:20

字體：大中小

來源：轉載

供稿：網友

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

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>檢驗身份證格式并輸出出生日期，年齡，性別，出生地</title></head><body><script>  window.onload = function() {    var txtVal = document.getElementById("txtVal");    var oBtn = document.getElementById("oBtn");    //兼容瀏覽器點擊事件    function myAddEvent(obj, ev, fn) {      if(obj.attachEvent) {        obj.attachEvent("on" + ev, fn);      }      else {        obj.addEventListener(ev, fn, false);      }    };    //身份證地區    var areaID = {      11: "北京",      12: "天津",      13: "河北",      14: "山西",      15: "內蒙古",      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: "臺灣",      81: "香港",      82: "澳門",      91: "國外"    };    //性別    var sexMap = {0: "女", 1: "男"};    /*********************************************     * 檢驗身份證格式是否正確     ********************************************/    var checkIdCard = function(IDCard) {      var iSum = 0;      var info = "";      if(!/^/d{17}(/d|x)$/i.test(IDCard))        return {          status: false,          message: '你輸入的身份證長度或格式錯誤!'        };      IDCard = IDCard.replace(/x$/i, "a");      if(areaID[parseInt(IDCard.substr(0, 2))] == null)        return {          status: false,          message: '你的身份證地區非法!'        };      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: '你輸入的身份證號非法!'        };      //aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女");//此次還可以判斷出輸入的身份證號的人性別      return {        status: true,        message: '校驗成功！'      };    };    /*********************************************     * 根據身份證號獲取性別     *********************************************/    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 '';      }    };    /*********************************************     * 根據身份證號獲取生日     *********************************************/    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;    };    /*********************************************     * 根據身份證號獲取出生地     *********************************************/    var getAreaByIdCard = function(idCard) {      return areaID[parseInt(idCard.substr(0, 2))];    };    /*********************************************     * 根據身份證號獲取年齡     *********************************************/    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 '';      }    };    //點擊獲取校驗結果    myAddEvent(oBtn, "click", function() {      var card = txtVal.value      if(checkIdCard(card).status) {        //校驗是否成功        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代碼運行工具：http://tools.VeVB.COm/code/HtmlJsRun測試上述代碼，可得如下運行結果：