<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<title>驗證身份證號</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<div>
<form action="">
<dl>
<dt>身份證號:(可以爲空)</dt>
<dd>
<input type="text" id="idCard" name="idCard" value="" autocomplete="off" maxlength="18" />
<span id="errorTip" style="color:red"></span>
</dd>
<br /><br />
<dt></dt>
<dd>
<input type="submit" value="保存" οnclick="return checkIDCard();" />
<input type="button" value="取消" οnclick="" />
</dd>
</dl>
</form>
</div>
<div>
<p>公司現用判定。已有的身份證號差不多都能給通過,不存在的大部分能給報錯.... </p>
<p>看正則可知,這個驗證可能也並不能完全驗證呀。比如說,試了一個 370122998912074117 ,就給通過了... ~_~</p>
<p>但只是一個(\\d{17}[[0-9],0-9xX])又未免太簡單...湊合用吧...</p>
<p style="color:orange">
因爲在這兒用的是input標籤,而不是MVC中的model=>model.nIDCard之類的,所以當在後臺獲取輸入的數據的時候,
直接用model是接收不到的,需要用先用Request獲取到然後再賦值給model。
</p>
<p style="color:orange">
之前有個問題是,即使輸入的身份證號非法,給出了錯誤提示,但是點擊確定的時候還是能提交。
這兒的解決辦法是給“確定”按鈕一個οnclick=”return false/true;”
</p>
<p style="color:red">
<br/>另:
<br/>(1)去除空格: var sId = $("#idCard").val().replace(/\s+/g, "");
<br/>(2)錯誤提示的隱藏:(live方法綁定click事件)
<br/>$("#idCard").live("click", function () {
<br/> $("#errorTip").hide();
<br/> });
</p>
</div>
</body>
</html>
JS:
<!--驗證身份證號輸入是否合法-->
<script type="text/javascript">
function checkIDCard() {
var aCity = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "內蒙古", 21: "遼寧", 22: "吉林", 23: "黑龍江", 31: "上海", 32: "江蘇", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山東", 41: "河南", 42: "湖北", 43: "湖南", 44: "廣東", 45: "廣西", 46: "海南", 50: "重慶", 51: "四川", 52: "貴州", 53: "雲南", 54: "西藏", 61: "陝西", 62: "甘肅", 63: "青海", 64: "寧夏", 65: "新疆", 71: "臺灣", 81: "香港", 82: "澳門", 91: "國外" }
var sId = $("#idCard").val().replace(/\s+/g, "");
var iSum = 0;
var flag = 1;
if ("" != sId) {
if (!/^\d{17}(\d|x)$/i.test(sId)) {
$("#errorTip").show();
$("#errorTip").text("*你輸入的身份證長度或格式錯誤!");
flag = 0;
}
sId = sId.replace(/x$/i, "a");
if (aCity[parseInt(sId.substr(0, 2))] == null) {
$("#errorTip").show();
$("#errorTip").text("*你的身份證地區非法!");
flag = 0;
}
sBirthday = sId.substr(6, 4) + "-" + Number(sId.substr(10, 2)) + "-" + Number(sId.substr(12, 2));
var d = new Date(sBirthday.replace(/-/g, "/"));
if (sBirthday != (d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate())) {
$("#errorTip").show();
$("#errorTip").text("*身份證上的出生日期非法!");
flag = 0;
}
for (var i = 17; i >= 0; i--) {
iSum += (Math.pow(2, i) % 11) * parseInt(sId.charAt(17 - i), 11);
}
if (iSum % 11 != 1) {
$("#errorTip").show();
$("#errorTip").text("* 輸入的身份證號非法!");
flag = 0;
}
var valueWithoutBlank = $("#idCard").val().replace(/\s+/g, "");
$("#idCard").val(valueWithoutBlank);
if (flag == 0) {
return false;
}
else {
return true;
}
}
else {
$(this).val(sId);
$("#errorTip").hide();
return true;
}
}
$(document).ready(function () {
$("#idCard").blur(function () {
checkIDCard();
});
$("#idCard").live("click", function () {
$("#errorTip").hide();
});
});
</script>