js验证身份证号码记录的方法


Posted in Javascript onApril 26, 2019

在一些需要填写身份证的表单网页中,需要对身份证的输入做一个验证,于是,我记录下了自己写的验证。在写验证之前,我们需要理解身份证的一些常识规则。中华人民共和国居民身份证验证规则如下:

1.号码的结构:

  • 公民身份号码是特征组合码,由十七位数字本体码和一位校验码组成。
  • 排列顺序从左至右依次为:六位数字地址码,八位数字出生日期码,
  • 三位数字顺序码和一位数字校验码。

2.地址码

*  表示编码对象常住户口所在县(市、旗、区)的行政区划代码,按GB/T2260的规定执行。

3.出生日期码

*  表示编码对象出生的年、月、日,按GB/T7408的规定执行,年、月、日代码之间不用分隔符。

4.顺序码

*  表示在同一地址码所标识的区域范围内,对同年、同月、同日出生的人编定的顺序号,顺序码的奇数分配给男性,偶数分配给女性。

5.校验码

*  根据前面十七位数字码,按照ISO 7064:1983.MOD 11-2校验码计算出来的检验码。

而计算方法则为:

1、将前面的身份证号码17位数分别乘以不同的系数。
从第一位到第十七位的系数分别为:7-9-10-5-8-4-2-1-6-3-7-9-10-5-8-4-2。
2、将这17位数字和系数相乘的结果相加。
3、用加出来和除以11,看余数是多少?
4、余数只可能有0-1-2-3-4-5-6-7-8-9-10这11个数字。
其分别对应的最后一位身份证的号码为1-0-X -9-8-7-6-5-4-3-2。
5、通过上面得知如果余数是3,就会在身份证的第18位数字上出现的是9。如果对应的数字是2,身份证的最后一位号码就是罗马数字x。

例如:某男性的身份证号码为53010219200508011x, 我们看看这个身份证是不是合法的身份证。

首先我们得出前17位的乘积和[(57)+(39)+(010)+(15)+(08)+(24)+(12)+(91)+(26)+(03)+(07)+(59)+(010)+(85)+(08)+(14)+(1*2)]是189,

然后用189除以11得出的结果是189/11=17----2,也就是说其余数是2。

最后通过对应规则就可以知道余数2对应的检验码是X。所以,可以判定这是一个正确的身份证号码。

根据以上的规则和计算方法,我们就可以封装一个验证身份证的函数,如下:

const validateIdCard = function (idcard) {
    // 判断如果传入的不是一个字符串,则转换成字符串
    idcard = typeof idcard === 'string' ? idcard : String(idcard);
    //正则表达式验证号码的结构
    let regx = /^[\d]{17}[0-9|X|x]{1}$/;
    if (regx.test(idcard)) {
      // 验证前面17位数字,首先定义前面17位系数
      let sevenTeenIndex = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
      // 截取参数前17位
      let front_seventeen = idcard.slice(0, 17);
      // 截取第18位
      let eighteen = idcard.slice(17, 18);
      // 这里如果是X要转换成小写,如果是数字在这里是字符串类型,则转换成数字类型,好做判断
      eighteen = isNaN(parseInt(eighteen)) ? eighteen.toLowerCase() : parseInt(eighteen);
      // 定义一个变量计算系数乘积之和余数
      let remainder = 0;
      //利用循环计算前17位数与系数乘积并添加到一个数组中
      // charAt()类似数组的访问下标一样,访问单个字符串的元素,返回的是一个字符串因此要转换成数字
      for (let i = 0; i < 17; i++) {
        remainder = (remainder += parseInt(front_seventeen.charAt(i)) * sevenTeenIndex[i]) % 11;
      }
      //余数对应数字数组
      let remainderKeyArr = [1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2];
      // 取得余数对应的值
      let remainderKey = remainderKeyArr[remainder] === 'X' ? remainderKeyArr[remainder].toLowerCase() : remainderKeyArr[remainder];
      console.log(remainderKey);
      console.log(eighteen)
      // 如果最后一位数字对应上了余数所对应的值,则验证合格,否则不合格,
      // 由于不确定最后一个数字是否是大小写的X,所以还是都转换成小写进行判断
      if (eighteen === remainderKey) {
        return idcard;
      } else {
        console.log('你输入的身份证号码格式不对!')
      }
    } else {
      console.log('你输入的身份证号码格式不对,请重新输入!')
    }
  }
  //函数调用
  validateIdCard('53010219200508011x');//验证合格

总结

以上所述是小编给大家介绍的js验证身份证号码记录的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
jquery实现更改表格行顺序示例
Apr 30 Javascript
swtich/if...else的替代语句
Aug 16 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
May 13 Javascript
JavaScript里 ==与===区别详解
Aug 16 Javascript
Javascript中数组去重与拍平的方法示例
Feb 03 Javascript
原生JS实现ajax与ajax的跨域请求实例
Dec 01 Javascript
vue-content-loader内容加载器的使用方法
Aug 05 Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 Javascript
ES6基础之 Promise 对象用法实例详解
Aug 22 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
Oct 18 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
Nov 02 Javascript
mustache.js实现首页元件动态渲染的示例代码
Dec 28 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
Apr 26 #Javascript
react高阶组件添加和删除props
Apr 26 #Javascript
详解微信小程序-canvas绘制文字实现自动换行
Apr 26 #Javascript
vue 进阶之实现父子组件间的传值
Apr 26 #Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
Apr 26 #Javascript
配置一个vue3.0项目的完整步骤
Apr 26 #Javascript
关于Vue源码vm.$watch()内部原理详解
Apr 26 #Javascript
You might like
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
php封装的mysqli类完整实例
2016/10/18 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
购物车实现的几种方式优缺点对比
2018/05/02 PHP
js 操作select与option(示例讲解)
2013/12/20 Javascript
javascript使用正则表达式检测IP地址
2014/12/03 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
Node.js实用代码段之正确拼接Buffer
2016/03/17 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
js实现可旋转的立方体模型
2016/10/16 Javascript
vue实现简单实时汇率计算功能
2017/01/15 Javascript
vue监听scroll的坑的解决方法
2017/09/07 Javascript
详解nodejs中express搭建权限管理系统
2017/09/15 NodeJs
JS Testing Properties 判断属性是否在对象里的方法
2017/10/01 Javascript
JavaScript中使用import 和require打包后实现原理分析
2018/03/07 Javascript
微信小程序框架wepy之动态控制类名
2018/09/14 Javascript
微信小程序实现滑动切换自定义页码的方法分析
2018/12/29 Javascript
10个最受欢迎的 JavaScript框架(推荐)
2019/04/24 Javascript
Vue实现购物车基本功能
2020/11/08 Javascript
python实现井字棋游戏
2020/03/30 Python
如何利用Anaconda配置简单的Python环境
2019/06/24 Python
django一对多模型以及如何在前端实现详解
2019/07/24 Python
详解如何减少python内存的消耗
2019/08/09 Python
浅谈Python程序的错误:变量未定义
2020/06/02 Python
金宝贝童装官网:Gymboree
2016/08/31 全球购物
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
strstr()的简单实现
2013/09/26 面试题
农田水利实习自我鉴定
2013/09/19 职场文书
防卫过当辩护词
2015/05/21 职场文书
党性修养心得体会2016
2016/01/21 职场文书
如何书写公司员工保密协议?
2019/06/27 职场文书
攻击最高的10只幽灵系神奇宝贝,坚盾剑怪排第一,第五最为可怕
2022/03/18 日漫
解决Springboot PostMapping无法获取数据的问题
2022/05/06 Java/Android
Docker部署Mysql8的实现步骤
2022/07/07 Servers