2、创建7-2.html文件,文件中定义变量就,其值为输入的身份证号码,使用字符串对象方法提取身份证号中的性别和出生年月日信息,页面输出你输入的身份证号是,2306010511728292 该身份证号点性别是:女 出生日期为:1899年6月9号
时间: 2024-11-11 11:33:31 浏览: 49
在HTML文件`7-2.html`中,我们可以利用JavaScript来解析身份证号码并提取性别和出生日期信息。下面是一个简单的示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>提取身份证信息</title>
</head>
<body>
<input type="text" id="idNumber" placeholder="请输入身份证号">
<button onclick="getInfo()">获取信息</button>
<p id="gender"></p>
<p id="birthDate"></p>
<script>
function getInfo() {
// 获取输入的身份证号码
var inputIdNumber = document.getElementById('idNumber').value;
// 身份证规则
const genderCode = { '1': '男', '2': '女' };
const birthPattern = /^(\d{6})(\d{4})(\d{2})(\d{2})$/;
// 检查身份证格式
if (!birthPattern.test(inputIdNumber)) {
alert('输入的身份证号码格式错误');
return;
}
// 提取性别和出生日期
var sex = genderCode[inputIdNumber.charAt(18)];
var year = inputIdNumber.substring(6, 10);
var month = inputIdNumber.substring(10, 12);
var day = inputIdNumber.substring(12, 14);
// 格式化日期
var birthDate = `${year}-${month}-${day}`;
// 输出信息
document.getElementById('gender').textContent = `性别是:${sex}`;
document.getElementById('birthDate').textContent = `出生日期为:${birthDate}`;
}
</script>
</body>
</html>
```
当用户输入身份证号码并在按钮上点击“获取信息”时,会触发`getInfo`函数。该函数解析输入的身份证号码,按照中国身份证的规则提取性别码并查找对应的性别,以及出生日期的年月日,并将它们显示在相应的`<p>`标签中。
注意:实际应用中应考虑对非法字符的处理和更严格的身份证验证。
阅读全文