验证身份证号是否合法JS

最新推荐文章于 2021-04-28 10:48:12 发布

守候13

最新推荐文章于 2021-04-28 10:48:12 发布

阅读量552

点赞数

分类专栏： JS 文章标签：正则身份证号验证 js

本文链接：https://blog.csdn.net/youngloveheart/article/details/24700709

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!--<!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 style="color:#ff0000">公司现用判定。已有的身份证号差不多都能给通过，不存在的大部分能给报错.... </p>
			<p style="color:#ff0000">看正则可知，这个验证可能也并不能完全验证呀。比如说，试了一个 370122998912074117 ，就给通过了...  ~_~</p>
			<p style="color:#ff0000">但只是一个（\\d{17}[[0-9],0-9xX]）又未免太简单...凑合用吧...</p>
			<p style="color:red">因为在这儿用的是input标签，而不是MVC中的model=>model.nIDCard之类的，所以当在后台获取输入的数据的时候，直接用model是接收不到的，需要用先用Request获取到然后再赋值给model。
<br/>之前有个问题是，即使输入的身份证号非法，给出了错误提示，但是点击确定的时候还是能提交。这儿的解决办法是给“确定”按钮一个οnclick=”return false/true;”

<br/>另：
<br/>去除空格: var sId = $("#idCard").val().replace(/\s+/g, "");
<br/>错误提示的隐藏：（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>