"身份证号自动输出个人信息功能实现,代码示例:HTML"
152 浏览量
更新于2024-02-02
收藏 378KB PDF 举报
根据身份证号自动输出相关信息的需求,可以使用一段代码实现。下面是一个示例的HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>身份证号相关信息查询</title>
<style>
#content {
margin: 200px auto;
width: 400px;
text-align: center;
}
#result {
margin-top: 20px;
}
</style>
</head>
<body>
<div id="content">
<h1>请输入身份证号</h1>
<input type="text" id="idNumber" placeholder="身份证号">
<button onclick="query()">查询</button>
<div id="result"></div>
</div>
<script>
function query() {
var idNumber = document.getElementById("idNumber").value;
// 正则表达式验证身份证号格式
var regex = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if (!regex.test(idNumber)) {
document.getElementById("result").innerHTML = "请输入正确的身份证号";
return;
}
// 解析身份证号的籍贯、出生日期和性别
var nativePlace = idNumber.substring(0, 6);
var birthday = "";
if (idNumber.length === 15) {
birthday = "19" + idNumber.substring(6, 12);
} else {
birthday = idNumber.substring(6, 14);
}
var gender = "";
if (parseInt(idNumber.charAt(idNumber.length - 2)) % 2 === 0) {
gender = "女";
} else {
gender = "男";
}
// 输出查询结果
document.getElementById("result").innerHTML = "籍贯:" + nativePlace + "<br>" +
"出生日期:" + birthday + "<br>" +
"性别:" + gender;
}
</script>
</body>
</html>
```
这段代码使用了HTML、CSS和JavaScript实现了一个简单的身份证号相关信息查询功能。用户只需在输入框中输入身份证号,点击查询按钮,页面会自动根据身份证号的格式进行验证,并解析出相关信息,最终在页面上显示出籍贯、出生日期和性别等信息。
在查询函数`query()`中,首先通过正则表达式验证用户输入的身份证号是否符合格式要求。然后根据身份证号的长度,分别解析出籍贯和出生日期。最后根据身份证号的倒数第二位数字的奇偶性,判断出性别。
最终,代码会将解析出的信息输出到页面上,显示给用户。页面样式方面,使用了简单的居中布局和一些基本的CSS样式。
可以根据需求进一步优化代码,比如增加更严谨的身份证号验证规则、加入错误提示等。此代码只是一个简单示例,可根据具体情况进行扩展和修改。
2020-02-28 上传
2010-06-11 上传
2023-06-07 上传
2023-09-02 上传
2023-05-11 上传
2023-04-05 上传
2023-04-05 上传
2023-04-17 上传
2023-06-10 上传
![](https://profile-avatar.csdnimg.cn/default.jpg!1)
weixin_38734361
- 粉丝: 6
- 资源: 904
最新资源
- AirKiss技术详解:无线传递信息与智能家居连接
- Hibernate主键生成策略详解
- 操作系统实验:位示图法管理磁盘空闲空间
- JSON详解:数据交换的主流格式
- Win7安装Ubuntu双系统详细指南
- FPGA内部结构与工作原理探索
- 信用评分模型解析:WOE、IV与ROC
- 使用LVS+Keepalived构建高可用负载均衡集群
- 微信小程序驱动餐饮与服装业创新转型:便捷管理与低成本优势
- 机器学习入门指南:从基础到进阶
- 解决Win7 IIS配置错误500.22与0x80070032
- SQL-DFS:优化HDFS小文件存储的解决方案
- Hadoop、Hbase、Spark环境部署与主机配置详解
- Kisso:加密会话Cookie实现的单点登录SSO
- OpenCV读取与拼接多幅图像教程
- QT实战:轻松生成与解析JSON数据