首页创建7-2.html 文件中定义变量sfzh, 其值为输入的身份证号码，使用字符串对象方法提取身份证号中的性别和出生年用日信息。页面输出结果如下图所示。用JS实现你输入的身份证号是：420102199003052222 该身份证号的性别是：女出生日期为：1990年3月5日

创建7-2.html 文件中定义变量sfzh, 其值为输入的身份证号码，使用字符串对象方法提取身份证号中的性别和出生年用日信息。页面输出结果如下图所示。用JS实现你输入的身份证号是：420102199003052222 该身份证号的性别是：女出生日期为：1990年3月5日

时间: 2024-11-08 18:23:06 浏览: 38

在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()`函数会被调用。它从输入框获取身份证号码，然后通过字符串操作提取性别和出生日期。请注意，这个示例仅用于演示目的，实际生产环境中应使用更严谨的身份验证方法。

阅读全文