2、创建7-2.htm1文件,文件中定义变量sz,其值为输入的身份证码,使用字符串对象方法提取身份证号中的性别和出生年月日信息,页面出结果如下图所示。。 你输入的身份证号是:420102199003052222 该身份证号的性别是:女 出生日期为:1990年3月5日 简单点
时间: 2024-10-26 20:03:23 浏览: 12
为了创建一个名为 "7-2.htm" 的HTML文件,并实现提取身份证号码中的性别和出生年月日,你可以按照以下步骤操作:
1. 打开文本编辑器,如记事本或者专门的HTML编辑器。
2. 创建一个新的HTML文件,然后添加基本结构:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>身份证信息提取</title>
</head>
<body>
<h1>身份证信息:</h1>
<p id="result"></p>
<!-- JavaScript部分将嵌入到这里 -->
<script type="text/javascript">
// JavaScript函数来处理身份证号码
function extractInfo(identificationNumber) {
var sz = identificationNumber; // 保存输入的身份证号
// 使用正则表达式提取性别和出生日期
const sexPattern = /^(\d{6})(\d{4})(\d{2})([01][89])$/;
const match = sz.match(sexPattern);
if (match) {
const gender = match[1].slice(-1); // 性别位是倒数第二位,偶数代表女性
const birthDate = `${match[2]}年${match[3]}月${match[4]}`;
document.getElementById('result').innerText = `性别: ${gender}, 出生日期: ${birthDate}`;
} else {
document.getElementById('result').innerText = "身份证号码格式错误";
}
}
// 获取用户输入并在页面加载完成后提取信息
window.onload = function() {
var inputField = document.getElementById("inputId");
inputField.addEventListener("input", function() {
extractInfo(inputField.value);
});
// 假设有一个id为inputId的输入框,如果没有的话需要手动添加
};
</script>
</body>
</html>
```
3. 在`<body>`标签内添加一个输入字段供用户输入身份证号,例如:
```html
<input type="text" id="inputId" placeholder="请输入身份证号">
```
4. 保存文件并命名为 "7-2.htm"。当用户在网页上输入身份证号码后,页面会自动显示性别和出生日期信息。如果输入格式错误,会显示提示信息。
请注意,实际的网页环境中,你可能需要一个更完善的表单和验证机制,因为这里仅用于演示目的。此外,由于浏览器安全限制,直接在HTML中处理敏感信息(如身份证号)并不推荐,应在服务器端进行数据验证和加密。
阅读全文