angularjs 验证身份证格式 和 一般JS验证身份证格式

最新推荐文章于 2022-07-29 18:15:23 发布
最新推荐文章于 2022-07-29 18:15:23 发布
阅读量2.3k 收藏 1
点赞数 1
分类专栏： anjularjs 文章标签： angularjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_Dai/article/details/52885171
版权

1：angularjs 验证身份证格式


1.1 定义身份证验证指令：

.directive('cardCheck',['$http','$rootScope',function($http,$rootScope){
    return {
        restrict: 'EA',
        require: "ngModel",
        link: function(scope, element, attr, ctrl) {

            var link = function IdCard(viewValue) {
                
                if (viewValue == '' || viewValue == undefined) {

                    ctrl.$setValidity("RegIdCard", true);

                    return viewValue;
                } else {


                            if (reg_Card.test(viewValue)) {
                                //var Errors=new Array(true,"身份证号码位数不正确!","身份证号码出生日期超出范围或含有非法字符!","身份证号码校验错误!","身份证地区非法!","身份证号码无效");
                                var area = {
                                    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 idCard = viewValue;
                                var ereg;
                                var Y, JYM;
                                var S, M;
                                var idCard_array = new Array();
                                idCard_array = idCard.split("");
                                //地区检验
                                if (area[parseInt(idCard.substr(0, 2))] == null) {
                                    ctrl.$setValidity("RegIdCard", false);
                                    return viewValue;
                                }

                                //身份号码位数及格式检验
                                switch (idCard.length) {
                                    case 15:
                                    {

                                        if (((parseInt(idCard.substr(6, 2)) + 1900) % 4 == 0 || ((parseInt(idCard.substr(6, 2)) + 1900) % 100 == 0 && (parseInt(idCard.substr(6, 2)) + 1900) % 4 == 0 )) || ((parseInt(idCard.substr(6, 2)) + 2000) % 4 == 0 || ((parseInt(idCard.substr(6, 2)) + 2000) % 100 == 0 && (parseInt(idCard.substr(6, 2)) + 2000) % 4 == 0 ))) {
                                            ereg = /^[0-9]{6}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/;//测试出生日期的合法性
                                        }
                                        else {
                                            ereg = /^[0-9]{6}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;//测试出生日期的合法性
                                        }
                                        if (!ereg.test(idCard)) {
                                            ctrl.$setValidity("RegIdCard", false);
                                            return viewValue;
                                        } else {
                                            ctrl.$setValidity("RegIdCard", true);


                                            return viewValue;
                                        }

                                        break;
                                    }
                                    case 18:
                                    {

                                        if (parseInt(idCard.substr(6, 4)) % 4 == 0 || (parseInt(idCard.substr(6, 4)) % 100 == 0 && parseInt(idCard.substr(6, 4)) % 4 == 0 )) {
                                            ereg = /^[0-9]{6}[0-9]{4}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;//闰年出生日期的合法性正则表达式
                                        }
                                        else {
                                            ereg = /^[0-9]{6}[0-9]{4}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;//平年出生日期的合法性正则表达式
                                        }
                                        if (ereg.test(idCard)) {
                                            //测试出生日期的合法性
                                            //计算校验位

                                            S = (parseInt(idCard_array[0]) + parseInt(idCard_array[10])) * 7
                                                + (parseInt(idCard_array[1]) + parseInt(idCard_array[11])) * 9
                                                + (parseInt(idCard_array[2]) + parseInt(idCard_array[12])) * 10
                                                + (parseInt(idCard_array[3]) + parseInt(idCard_array[13])) * 5
                                                + (parseInt(idCard_array[4]) + parseInt(idCard_array[14])) * 8
                                                + (parseInt(idCard_array[5]) + parseInt(idCard_array[15])) * 4
                                                + (parseInt(idCard_array[6]) + parseInt(idCard_array[16])) * 2
                                                + parseInt(idCard_array[7]) * 1
                                                + parseInt(idCard_array[8]) * 6
                                                + parseInt(idCard_array[9]) * 3;
                                        }
                                        Y = S % 11;
                                        M = "F";
                                        JYM = "10X98765432";
                                        M = JYM.substr(Y, 1);//判断校验位

                                        if (M == idCard_array[17].toLocaleUpperCase()) {
                                            ctrl.$setValidity("RegIdCard", true);

                                            return viewValue;
                                        }
                                        else {
                                            //暂不判断最后一个校验码
                                            ctrl.$setValidity("RegIdCard", false);
                                            return viewValue;
                                        }

                                        break;

                                    }
                                    default:
                                    {

                                        ctrl.$setValidity("RegIdCard", false);
                                        return viewValue;
                                        break;
                                    }
                                }
                            } else {
                                //身份证规则验证
                                ctrl.$setValidity("RegIdCard", false);
                                return viewValue;
                            }
                        }
                        
            }
            // View - >Model的更新
            ctrl.$parsers.unshift(link);

            //Model ->View 的更新
            ctrl.$formatters.unshift(link);

           
        }
    };
}])
1.2 页面控制使用该指令（嵌套在一个form里面） 

<div class="form-group">
    <label for="txtUserName" class="col-sm-4 control-label">身份证号</label>
    <div class="col-sm-5">
        <input type="text" placeholder="请输入身份证号" class="form-control" id="txtCredentialsID" name="txtCredentialsID" ng-model="entity.CredentialsID" card-check>
    </div>
    <div class="col-sm-2">
    <div class="reg-alert alert alert-danger" ng-show="form.txtCredentialsID.$dirty&&form.txtCredentialsID.$error.RegIdCard">证件号码不正确</div>
    </div>
</div>


2：一般JS验证身份证格式

2.1 定义验证函数

//身份证号码校验函数
function checkIdcard2(idcard){
    var Errors=new Array(
        "验证通过!",
        "身份证号码位数不对!",
        "身份证号码出生日期超出范围或含有非法字符!",
        "身份证号码校验错误!",
        "身份证地区非法!"
    );
    var area={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 idcard,Y,JYM;
    var S,M;
    var idcard_array = new Array();
    idcard_array = idcard.split("");
//地区检验
    if(area[parseInt(idcard.substr(0,2))]==null)
    {
        alert(Errors[4]);
        return false ;
    }
//身份号码位数及格式检验
    switch(idcard.length){
        case 15:
            if ( (parseInt(idcard.substr(6,2))+1900) % 4 == 0 || ((parseInt(idcard.substr(6,2))+1900) % 100 == 0 && (parseInt(idcard.substr(6,2))+1900) % 4 == 0 )){
                ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/;//测试出生日期的合法性
            } else {
                ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;//测试出生日期的合法性
            }
            if(ereg.test(idcard)) return true;
            else
            {
                alert(Errors[2]);
                return false;
            }
            break;
        case 18:
//18位身份号码检测
//出生日期的合法性检查 
//闰年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))
//平年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))
            if ( parseInt(idcard.substr(6,4)) % 4 == 0 || (parseInt(idcard.substr(6,4)) % 100 == 0 && parseInt(idcard.substr(6,4))%4 == 0 )){
                ereg=/^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;//闰年出生日期的合法性正则表达式
            } else {
                ereg=/^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;//平年出生日期的合法性正则表达式
            }
            if(ereg.test(idcard)){//测试出生日期的合法性
//计算校验位
                S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7
                    + (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9
                    + (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10
                    + (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5
                    + (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8
                    + (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4
                    + (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2
                    + parseInt(idcard_array[7]) * 1
                    + parseInt(idcard_array[8]) * 6
                    + parseInt(idcard_array[9]) * 3 ;
                Y = S % 11;
                M = "F";
                JYM = "10X98765432";
                M = JYM.substr(Y,1);//判断校验位
                if(M == idcard_array[17]) return true; //检测ID的校验位
                else
                { alert(Errors[3]);
                    return false;
                }
            }
            else
            {
                alert(Errors[2]);
                return false;
            }
            break;
        default:
            alert(Errors[1]);
            return false ;
            break;
    }
}

2.2调用的形式为
checkIdcard2('123456789098765432')





浪客剑芯
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
AngularJS身份验证的方法
10-22
在客户端使用AngularJS做身份验证的话，推荐使用service来做，下面脚本之家小编给大家介绍AngularJS身份验证的方法，感兴趣的朋友一起学习吧
angular写的身份证校验规则（省份生日性别）手机号校验 。直接贴代码
qq_38904099的博客
09-25 2266
(function() { 'use strict'; angular.module('app.house') .controller('HotelOrderCtrl', HotelOrderCtrl); HotelOrderCtrl.$inject = ['$scope', '$ionicHistory','$state','$stateParams','houseSer...
身份证号的验证
qq_42356301的博客
06-28 324
首先我们要知道身份证号的特点：1.第1~6位表示户籍地区。2.第7~14表示出生日期。3.第15~16表示所在地派出所代码。4.第17位表示性别，奇数是男性，偶数是女性。5.第18位数字是校检码：校检码是0-9和X。  Scanner sc = new Scanner(System.in); int total = 0; String id = sc.next(); int a = i...
jquery 对身份证号码验证以及AngularJS表单验证
给力VSTO
08-11 2053
jquery根据身份证号码计算出生日期、年龄、性别代码： http://www.php100.com/html/program/jquery/2013/0905/5877.html Jquery 对 身份证号码的验证 （15/18位）： http://blog.csdn.net/shwicho/article/details/7181272 表单验证:
AngularJS中实现用户访问的身份认证和表单验证功能_AngularJS
01-24 310
AngularJS中实现用户访问的身份认证和表单验证功能_AngularJS 简介这篇文章主要介绍了AngularJS中实现用户访问的身份认证及表单验证功能的方法,Angular是Google开发的一款浏览器端的高人气JavaScript框架,需要的朋友可以参考下 身份验证 权限的设计中比较常见的就是RBAC基于角色的访问控制,基本思想是，对系统操作的各种权限不是直接授予具体的用户，而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权限。 一旦用户被分配了适当的角色后，该用户就拥有此
AngularJS实现表单手动验证和表单自动验证
10-23
本文是对AngularJS表单验证，手动验证或自动验证的讲解，对学习JavaScript编程技术有所帮助，感兴趣的小伙伴们可以参考一下
详解AngularJS验证、过滤器、指令
10-20
过滤器是AngularJS中的另一种重要工具，它用于对数据进行转换和格式化，以便在视图中展示。过滤器通常在双大括号`{{ }}`内的表达式后面使用管道符`|`来调用，可以接受参数以进一步定制过滤效果。例如： ```html {{ ...
AngularJS实现Input格式化的方法
10-21
主要介绍了AngularJS实现Input格式化的方法,结合实例形式分析了AngularJS实现Input格式化的操作步骤与相关注意事项,需要的朋友可以参考下
AngularJS自动表单验证
10-22
AngularJS提供了两种表单验证方式：手动验证和自动验证。本文将详细探讨自动验证机制，特别是如何利用AngularJS的特性以及第三方库来实现这一功能。 首先，AngularJS的自动表单验证是通过内置的指令（Directives）...
身份证号码中间显示*星号
qq_16945933的博客
06-20 1583
替换身份证中间号码为星号
使用windows.print进行页面打印的一种方式
level_Tiller的博客
07-29 735
使用windows.print进行页面打印的一种方式。
身份证验证籍贯，性别
shi19970609的博客
08-06 178
//验证身份证号并获取籍贯 exportfunctiongetProvinceNameByIdNo(idcard){ vararea={ 11:"北京", 12:"天津", 13:"河北", 14:"山西", 15:"内蒙古", 21:"辽宁", 22:"吉林", 23:"黑龙江", 31:"上海", ...
angularjs 前端js正则表达式的运用
你好邱林和的专栏
03-30 8849
网页当中总会有很多input的输入控件，需要填入日期格式、身份证格式、纯数字格式等等，这些如果放到后台校验会浪费很多时间，而且用户体验也不好，多出了一步操作，如果在js中，运用js的正则表达式来禁止用户输入对应的格式的话，会提升好大的体验，主要是使用onkeyup监听函数还有正则表达式：如下例子：            （1）input输入框只能输入数字，长度为18，如果是字母或者中文，就要立即
html5表单验证
u011165335的博客
12-24 1003
h5新增的表单验证都存在了ValidityState对象中,该对象是通过validity 属性获取的， 该对象有11个属性; 1．valueMissing属性 必填的表单元素的值为空。对应required 2．typeMismatch属性 输入值与type类型不匹配,如email、number、url等 3．patternMismatch属性 输入值与pattern特性的正则不匹配。 4．tooL...
身份证号码的正则表达式及验证详解(rust版实现，Regex)
u013195275的博客
06-17 973
身份证号码的正则表达式及验证详解(rust版实现，Regex)
利用正则表达式判断身份证号
niu_hao的专栏
07-03 5274
package com.alex.RegExp; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.util.regex.Matcher; import java.util.regex.Pattern; public c
2022-1-12身份证号进行校验
qq_45939736的博客
01-12 1365
身份证号进行校验
Angular 6 自定义校验器校验身份证
weixin_30538029的博客
01-17 549
/** * 自定义身份校验器 * */ import { FormControl} from '@angular/forms'; export function identityNoValidator(input: FormControl) { const value = input.value; if (checkCode(value)) { ...
angularjs判断输入框，验证输入框
weixin_39792151的博客
12-20 2313
anglar为核心验证                               input{                 display: block;                             }             ul li{                 color: red;             }                  
angularjs实现金额的格式化
最新发布
07-23
在AngularJS中，你可以使用ng-model和过滤器来实现金额的格式化。下面是一个示例： 1. 在HTML中，使用ng-model指令将金额绑定到一个变量上： ```html ``` 2. 在同一个HTML页面的适当位置，使用过滤器来格式化...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值