JS身份证验证超强脚本攻略
什么是JS身份证验证超强脚本
JS身份证验证超强脚本是一段用于校验中国大陆居民身份证号码有效性的前端脚本。其可将正确性高效准确地校验输入的身份证号码,并通过提示用户输入正确的格式。使用此脚本可以有效防止用户在填写表单时可能出现的错误。
如何使用JS身份证验证超强脚本
首先,我们需要从GitHub等开源社区中找到我们需要的JS文件并将其下载下来,然后将其引入我们需要使用该脚本的网页中。一般的做法是将JS文件放置在自己网站的服务器上,然后通过<script>
标签引入。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS身份证验证</title>
<script src="id_card_check.js"></script> <!-- 引入JS文件 -->
</head>
<body>
<label for="idcard">身份证号码:</label>
<input type="text" id="idcard" name="idcard" onblur="checkIdCard(this.value)">
<!-- onblur事件监听输入框的失去焦点事件,触发checkIdCard函数进行校验-->
<div id="result"></div>
<!-- 用于在网页中显示校验结果 -->
</body>
</html>
在我们的JS文件中,需要编写一个名为checkIdCard的函数,用来进行身份证校验:
function checkIdCard(idcard) {
var regIdCard = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|[xX])$/;
// 正则表达式判断身份证是否符合18位模式
var cityName = {
11: '北京',
12: '天津',
13: '河北',
// …… (省份和城市对应的简称省略)
};
if(regIdCard.test(idcard)) {
var dd = idcard.substring(0, 2); //取得前两位
var city = cityName[dd];
var province = city==undefined?'非大陆身份证':city+'市'; //某些省份没有市,显示为省名
var year = idcard.substring(6, 10);
var month = idcard.substring(10, 12);
var day = idcard.substring(12, 14);
var sex = parseInt(idcard.substring(16, 17))%2==0?'女':'男';
var res = '您输入的身份证号码是:'+province+year+'年'+month+'月'+day+'日出生的'+sex+'性身份证号码';
document.getElementById('result').innerHTML = res;
// 显示结果
} else {
document.getElementById('result').innerHTML = '请输入正确的身份证号码!';
// 提示用户输入正确的身份证号码格式
}
}
JS身份证验证超强脚本的示例说明
示例1
假如用户输入的身份证号码为340524199311170019。如果调用了checkIdCard函数,根据JS身份证验证超强脚本的规则,我们会得到如下输出结果:
<div id="result">您输入的身份证号码是:安徽省1993年11月17日出生的男性身份证号码</div>
示例2
假如用户输入的身份证号码为34052419931117001X。如果调用了checkIdCard函数,根据JS身份证验证超强脚本的规则,我们会得到如下输出结果:
<div id="result">您输入的身份证号码是:安徽省1993年11月17日出生的男性身份证号码</div>
结束语
JS身份证验证超强脚本是一段非常实用的前端脚本,适用于各种身份证号码格式的校验,并可以快速提示用户输入正确的身份证号码格式。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js身份证验证超强脚本 - Python技术站