身份证验证HTML页面示例-CSDN博客

本文链接：https://blog.csdn.net/m0_63338784/article/details/129939962
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    身份证号: <input type="text" id="idCard" onblur="checkIDCard(this)">
             <span id="cardInfo"></span>
    <script src="./citys.js"></script>
    <script>
     /*    
       身份证第18位（校验码）的计算方法
        // 41072419980815451x
		 //410724 1998 0815 451x
		 //41:省编码前2位
		 //4107:市编码前4位
		 //410724:县编码
		 //451:奇数为男，偶数为女
        1、将前面的身份证号码17位数分别乘以不同的系数。
        从第一位到第十七位的系数分别为：7－9－10－5－8－4－2－1－6－3－7－9－10－5－8－4－2。
        2、将这17位数字和系数相乘的结果相加。
        3、用加出来和除以11，看余数是多少？
        4、余数只可能有0－1－2－3－4－5－6－7－8－9－10这11个数字。
        其分别对应的最后一位身份证的号码为1－0－X－9－8－7－6－5－4－3－2。
        5、通过上面得知如果余数是2，就会在身份证的第18位数字上出现罗马数字的Ⅹ。
        如果余数是10，身份证的最后一位号码就是2。
        例如：某男性的身份证号码是34052419800101001X。我们要看看这个身份证是不是合法的身份证。
        首先我们得出前17位的乘积和是189，然后用189除以11得出的结果是17 + 2 / 11，也就是说其余数是2。
        最后通过对应规则就可以知道余数2对应的数字是x。所以，可以判定这是一个合格的身份证号码。 
    */
     //var _idCard=document.getElementById("idCard");
      //this:指代当前标签对象
      //this--->tag---->input对象  ===》_idCard
      let provinces=citys.districts[0].districts;
      let _cardInfo=document.getElementById("cardInfo");
      //验证ID
      function checkIDCard(tag){
           _cardInfo.innerHTML="";  //每次验证前清空
           if(!checkID(tag)){
              _cardInfo.innerHTML="身份证不合法";
              return;
           }
      }
    
      //验证ID函数
      function checkID(tag){
          let ID=tag.value;  //获取身份证号
          //校验长度
          if(ID.length!=18){
             return  false;
          }
          //校验省编码是否存在
          let province=provinces.find(province=>{
             return province.adcode.startsWith(ID.substr(0,2))
          })
          if(province==undefined){
             return false;
          }
          
          //校验市编码
          let city=province.districts.find(city=>{
            return city.adcode.startsWith(ID.substr(0,4))
          })
          if(city==undefined){
             return false;
          }
           
          //校验县编码
          let country=city.districts.find(country=>{
            return country.adcode.startsWith(ID.substr(0,6))
          })
          if(country==undefined){
             return false;
          }

          //校验最后一位
          let arr=[7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2]
          //系数和
          let res=arr.reduce((res,item,index)=>{
              return res+=item*ID.charAt(index)
          },0)
          let mod=res%11; //0-10
          let end=[1,0,"X",9,8,7,6,5,4,3,2];
          if(end[mod]!=ID.charAt(ID.length-1)){
                return false;
          }

          return true;
       }
    </script>
</body>

</html>