HTML身份证号校验及根据身份证号获取出生日期/性别

ZhangChuChu_9248

已于 2022-05-25 18:56:10 修改

阅读量2.9k

点赞数 2

分类专栏： html/js/css 文章标签： html js

于 2022-05-25 17:31:23 首次发布

本文链接：https://blog.csdn.net/qq_45991812/article/details/124966644

版权

html/js/css 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

一、HTML的方法都写在js里

若HTML、JS、CSS在一个HTML文件中，在HTML中使用HTML需要借助<scirpt>标签,使用<script>标签的方式有两种：

一种是直接在<script>标签中嵌入JavaScript代码（本文使用该方法）

另一种是用<script>的src属性引入外部JavaScript文件

参考[1]：在HTML中使用JavaScript

二、代码示例：

1、验证身份证号的合法性：

// 验证身份证号的合法性
    function checkIdNo(cid){ 
      var arrExp = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];//加权因子
      var arrValid = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2];//校验码
      if(/^\d{17}\d|x$/i.test(cid)){
        var sum = 0, idx;
        for(var i = 0; i < cid.length - 1; i++){
          // 对前17位数字与权值乘积求和
          sum += parseInt(cid.substr(i, 1), 10) * arrExp[i];
        }
        // 计算模（固定算法）
        idx = sum % 11;
        // 检验第18为是否与校验码相等
        return arrValid[idx] == cid.substr(17, 1).toUpperCase();
      }else{
        return false; 
      } 
    }

2、根据身份证号获取出生日期：

//获取出生日期
function getBirthFromCId(cid) {
	var birth = "";  
	if(cid != null && cid != ""){
		if(cid.length == 15){ 
			birth = "19"+cid.substr(6,6);  
		} else if(cid.length == 18){  
			birth = cid.substr(6,8);  
		}   
			birth = birth.replace(/(.{4})(.{2})/,"$1-$2-");  
		}   
	return birth;  
}

获取后，userMap拿到出生日期，需要调用方法（数据库中身份证号列名：cIdNo）

// 前端封装数据Map获取出生日期
userMap.birth=getBirthFromCId(cIdNo);

3、通过出生日期获取性别：

//通过出生日期获取性别
 function getGenderByIDNo(IDNo){
	 if(IDNo!=null && IDNo!=''&& IDNo.length==18){ 
		if (parseInt(IDNo.substr(16, 1)) % 2 == 1) {
			 return 1; // 男
		} else {
		     return 0;  // 女
		} 
	} 
}

4、所有代码：

<!DOCTYPE html>
<html>
	<head></head>
	<body>
		<div></div>
		<script>
			// 验证身份证号的合法性
			    function checkIdNo(cid){ 
			      var arrExp = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];//加权因子
			      var arrValid = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2];//校验码
			      if(/^\d{17}\d|x$/i.test(cid)){
			        var sum = 0, idx;
			        for(var i = 0; i < cid.length - 1; i++){
			          // 对前17位数字与权值乘积求和
			          sum += parseInt(cid.substr(i, 1), 10) * arrExp[i];
			        }
			        // 计算模（固定算法）
			        idx = sum % 11;
			        // 检验第18为是否与校验码相等
			        return arrValid[idx] == cid.substr(17, 1).toUpperCase();
			      }else{
			        return false; 
			      } 
			    }
			    //获取出生日期
			    function getBirthFromCId(cid) {
			      var birth = "";  
			      if(cid != null && cid != ""){
			        if(cid.length == 15){ 
			          birth = "19"+cid.substr(6,6);  
			        } else if(cid.length == 18){  
			          birth = cid.substr(6,8);  
			        }   
			        birth = birth.replace(/(.{4})(.{2})/,"$1-$2-");  
			      }   
			      return birth;  
			    }
			   //通过出生日期获取性别
			    function getGenderByIDNo(IDNo){
			      if(IDNo!=null && IDNo!=''&& IDNo.length==18){ 
			        if (parseInt(IDNo.substr(16, 1)) % 2 == 1) {
			          return 1; // 男
			        } else {
			          return 0;  // 女
			        } 
			      } 
			    } 
		</script>
	</body>
</html>

5、我项目中的blur事件（记给自己看的，也在script中）

 //对身份证号blur，自动修改页面上性别的点击事件
$(document).on("blur","#cIdNo",function(){  
      var idno = $(this).val();
      var gender = getGenderByIDNo(idno); //调用方法从身份证号获得性别
      if(gender==1){
        $('.img_man').click();  //调用性别为“男”的点击事件
      }else{
        $('.img_woman').click();//调用性别为“女”的点击事件
      } 
    })

$(document).on(‘click’,‘要选择的元素’,function(){}) 用于动态事件的绑定

$(this).val();获取某个元素节点的value值，相当于$(this).attr(“value”);

参考[2]:$(选择器).click()和$(document).on(‘click‘,‘要选择的元素‘,function(){})的用法与不同：

参考[3]:$(document).on和$('.className').on区别

参考[4]:jquery中$(document).on的一些不解

参考[5]:jquery $(this).attr $(this).val方法使用介绍

ZhangChuChu_9248

关注

2
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
HTML身份证号校验及根据身份证号获取出生日期/性别

一、HTML的方法都写在js里若HTML、JS、CSS在一个HTML文件中，在HTML中使用HTML需要借助<scirpt>标签,使用<script>标签的方式有两种：一种是直接在<script>标签中嵌入JavaScript代码（本文使用该方法）另一种是用<script>的src属性引入外部JavaScript文件参考[1]：在HTML中使用JavaScript二、代码示例：1、验证身份证...
复制链接

扫一扫