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

首先是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('');
                    }
                });
            });