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