创建7-2.html 文件中定义变量sfzh, 其值为输入的身份证号码,使用字符串对象方法提取身份证号中的性别和出生年用日信息。页面输出结果如下图所示。用JS实现 你输入的身份证号是:420102199003052222 该身份证号的性别是:女 出生日期为:1990年3月5日
时间: 2024-11-08 11:23:06 浏览: 2
身份证号码校验位的计算方法
在HTML中,你可以创建一个表单让用户输入身份证号码,然后通过JavaScript处理这个输入并在控制台或网页上显示相关信息。下面是一个简单的例子,假设我们已经有了一个名为`sfzh`的input元素,用于获取用户输入的身份证号码:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>身份证解析</title>
</head>
<body>
<label for="idCard">请输入身份证号码:</label>
<input type="text" id="idCard" name="idCard">
<button onclick="extractInfo()">解析</button>
<p id="result"></p>
<script>
function extractInfo() {
const sfzh = document.getElementById("idCard").value;
let gender, birthYearMonthDay;
if (!isValidIdCard(sfzh)) {
console.error("输入的不是有效的身份证号码");
return;
}
// 假设中国的身份证号码结构是:第17位是奇数表示男,偶数表示女
gender = sfzh.charAt(16) % 2 === 1 ? "男" : "女";
// 生日信息位于第7到14位,形式如YYYYMMDD
birthYearMonthDay = sfzh.substring(6, 14);
document.getElementById("result").innerText = `你输入的身份证号是:${sfzh},\n该身份证号的性别是:${gender},\n出生日期为:${birthYearMonthDay}`;
}
// 假设这是简单的校验函数,实际应用中应使用正则表达式或其他更准确的方法
function isValidIdCard(id) {
const pattern = /^\d{15}$|^\d{18}$|^\d{17}(\d|x|X)$/;
return pattern.test(id);
}
</script>
</body>
</html>
```
在这个示例中,当用户点击“解析”按钮时,`extractInfo()`函数会被调用。它从输入框获取身份证号码,然后通过字符串操作提取性别和出生日期。请注意,这个示例仅用于演示目的,实际生产环境中应使用更严谨的身份验证方法。
阅读全文