、创建 7-2.html文件,文件中定义变量sfzh,其值为输入的身份证号码,使用字符串对象方法提取身份证号中的性别和出生年月日信息,页面输出结果如下图所示。 你输入的身份证号是:420102199003052222该身份证号的性别是:女出生日期为:1990年3月5日
时间: 2024-10-25 08:02:44 浏览: 26
身份证号码校验位的计算方法
为了创建一个名为 "7-2.html" 的HTML文件并实现这个功能,你可以使用JavaScript配合HTML结构来完成。以下是一个简单的示例代码:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>身份证信息提取</title>
<script>
function extractInfo() {
var sfzh = document.getElementById("id_input").value; // 获取输入框中的身份证号
if (!isValidId(sfzh)) { // 验证身份证号码是否合法
alert("请输入有效的身份证号码!");
return;
}
var idArr = sfzh.split(''); // 将身份证号码拆分为数组
var sexIndex = 17; // 性别位在第17位
var birthYearMonthDay = [8, 7, 6, 5, 4, 3, 2]; // 生日信息的索引位置
var gender = idArr[sexIndex - 1] % 2 === 0 ? '女' : '男'; // 提取性别
var birthDate = '19' + idArr[birthYearMonthDay[0]] + idArr[birthYearMonthDay[1]] + idArr[birthYearMonthDay[2]]; // 提取出生日期
document.getElementById("result").innerHTML = `身份证号: ${sfzh}\n性别: ${gender}\n出生日期: ${birthDate}`;
}
function isValidId(id) {
// 这里只是一个简单的校验,实际应用需要更复杂的验证规则
if (id.length !== 18) {
return false;
}
// 检查格式和部分数字位,这里仅作示例
for (var i = 0; i < 17; i++) {
if (isNaN(id[i]) || !((id[i] >= '0' && id[i] <= '9') || (id[i] === 'X' || id[i] === 'x'))) {
return false;
}
}
return true;
}
</script>
</head>
<body>
<h2>输入您的身份证号码:</h2>
<input type="text" id="id_input" onblur="extractInfo()">
<div id="result"></div>
</body>
</html>
```
在这个例子中,用户在文本框内输入身份证号码,然后点击输入框外部会触发`extractInfo()`函数,它首先检查输入的有效性,再按照规定的规则提取性别和出生日期,并将结果显示在页面上。
阅读全文