身份证号码自动判定出生年月及性别年龄

简介: 身份证号码自动判定出生年月及性别年龄

首先是HTML页面


<input id="identity" type="text" class="form-control" name="identity" placeholder="请输入身份证号码" 
            
<input id="birthday" type="date" class="form-control" name="birthday" placeholder="输入身份证号自动填充" >
      
<input id="age" type="text" class="form-control" name="age" placeholder="输入身份证号自动填充">
 
<input id="sex" type="text" class="form-control" name="sex" placeholder="输入身份证号自动填充"> 


这是js具体实现步骤


 $(document).ready(function() {
                // 监听身份证号输入框的变化事件
                $('#identity').on('input', function() {
                    var idCard = $(this).val();
                    
                    if (idCard.length === 18) {
                        // 解析身份证号码并获取相关信息
                        var birthday = idCard.substr(6, 4) + '-' + idCard.substr(10, 2) + '-' + idCard.substr(12, 2);
                        var sex = parseInt(idCard.charAt(16)) % 2 === 0 ? '女' : '男';
                        var birthYear = parseInt(idCard.substr(6, 4));
                        var currentYear = new Date().getFullYear();
                        var age = currentYear - birthYear;
                        console.log(birthday);
                        // 将解析得到的信息自动填充到相应的输入框中
                        $('#birthday').val(birthday);
                        $('#sex').val(sex);
                        $('#age').val(age);
                    } else {
                        // 清空相关输入框的值
                        $('#birthday').val('');
                        $('#sex').val('');
                        $('#age').val('');
                    }
                });
            });


相关文章
|
Docker Python 容器
查看docker search之后的所有镜像分支版本
查看docker search之后的所有镜像分支版本
4520 0
查看docker search之后的所有镜像分支版本
|
10月前
|
机器学习/深度学习 存储 编解码
什么是图像噪声?是如何产生的?图像去噪技术都有哪些?
图像噪声是在图像采集、传输和处理过程中产生的像素值异常现象,主要由光子计数统计、电子偏移和放大器噪声等因素引起。噪声影响图像质量,降低信噪比,使特征难以识别。图像去噪技术包括传统方法(如空间域滤波、频域滤波、图像压缩和超糅合)和基于深度学习的方法(如卷积神经网络、残差网络和生成对抗网络),旨在有效去除噪声,提高图像质量。
|
移动开发 资源调度 JavaScript
Vue移动端网页(H5)预览pdf文件(pdfh5和vue-pdf)
这篇文章介绍了在Vue移动端网页中使用`pdfh5`和`vue-pdf`两个插件来实现PDF文件的预览,包括滚动查看、缩放、添加水印、分页加载、跳转指定页数等功能。
7866 1
Vue移动端网页(H5)预览pdf文件(pdfh5和vue-pdf)
|
计算机视觉
【图像处理】 Halcon 实现图像亚像素边缘检测
如何在Halcon软件中实现图像亚像素边缘检测,包括读取图片、图像阈值化、边界提取、区域扩张、亚像素边缘提取、轮廓拟合和彩色绘图等步骤,并提供了相应的Halcon代码实现和检测效果展示。
431 2
|
SQL 关系型数据库 MySQL
【Python】已解决:ERROR 1064 (42000): You have an error in your SQL syntax. check the manual that correspo
【Python】已解决:ERROR 1064 (42000): You have an error in your SQL syntax. check the manual that correspo
3443 0
|
数据采集 Web App开发 文字识别
Python爬虫之点触验证码的识别
点触验证码识别思路,初始化,获取,识别。
435 0
Python爬虫之点触验证码的识别
|
JavaScript
身份证号码自动判定出生年月及性别年龄
身份证号码自动判定出生年月及性别年龄
|
计算机视觉
[Halcon&图像] 彩色图转灰度图处理
[Halcon&图像] 彩色图转灰度图处理
233 1
|
算法
[Halcon&图像] 图像阈值分割算法汇总
[Halcon&图像] 图像阈值分割算法汇总
336 0
|
算法
[Halcon&图像] 边缘提取算法汇总
[Halcon&图像] 边缘提取算法汇总
610 0