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 相关文章推荐
JavaScript的setAttribute兼容性问题解决方法
Nov 11 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
Javascript字符串对象的常用方法简明版
Jun 26 Javascript
轻量级网页遮罩层jQuery插件用法实例
Jul 31 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
May 30 Javascript
关于数据与后端进行交流匹配(点亮星星)
Aug 03 Javascript
WebPack基础知识详解
Jan 16 Javascript
js数字滑动时钟的简单实现(示例讲解)
Aug 14 Javascript
利用Node.js检测端口是否被占用的方法
Dec 07 Javascript
js利用递归与promise 按顺序请求数据的方法
Aug 30 Javascript
js+css3实现炫酷时钟
Aug 18 Javascript
小程序自定义圆形进度条
Nov 17 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
新的一年,新的期待:DC在2020年的四部动画电影
2020/01/01 欧美动漫
php fckeditor 调用的函数
2009/06/21 PHP
php文件缓存类汇总
2014/11/21 PHP
PHP面向对象之工作单元(实例讲解)
2017/06/26 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
通过Unicode转义序列来加密,按你说的可以算是混淆吧
2007/05/06 Javascript
用dom+xhtml+css制作的一个相册效果代码打包下载
2008/01/24 Javascript
jquery中$(#form :input)与$(#form input)的区别
2014/08/18 Javascript
javascript记住用户名和登录密码(两种方式)
2015/08/04 Javascript
vue新vue-cli3环境配置和模拟json数据的实例
2018/09/19 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
iview同时验证多个表单问题总结
2018/09/29 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
2019/01/06 Javascript
微信小程序云开发 搭建一个管理小程序
2019/05/17 Javascript
小程序云开发实现数据库异步操作同步化
2019/05/18 Javascript
js console.log打印对象时属性缺失的解决方法
2019/05/23 Javascript
layui数据表格实现重载数据表格功能(搜索功能)
2019/07/27 Javascript
简单了解three.js 着色器材质
2020/08/03 Javascript
python利用rsa库做公钥解密的方法教程
2017/12/10 Python
Python使用numpy实现BP神经网络
2018/03/10 Python
Python iter()函数用法实例分析
2018/03/17 Python
Python单向链表和双向链表原理与用法实例详解
2018/08/31 Python
CSS3实战第一波 让我们尽情的圆角吧
2010/08/27 HTML / CSS
澳大利亚领先的在线礼品网站:Gifts Australia
2020/08/15 全球购物
教师年度考核自我鉴定
2014/01/19 职场文书
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
技校毕业生自荐信
2014/06/03 职场文书
邀请函模板
2015/02/02 职场文书
2015年药房工作总结
2015/04/25 职场文书
倡议书格式及范文
2015/04/29 职场文书
欠条格式范本
2015/07/03 职场文书
2016年党员读书月活动总结
2016/04/06 职场文书
nginx 多个location转发任意请求或访问静态资源文件的实现
2021/03/31 Servers
MySQL 逻辑备份与恢复测试的相关总结
2021/05/14 MySQL
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS
python flappy bird小游戏分步实现流程
2022/02/15 Python