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 相关文章推荐
些很实用且必用的小脚本代码
Jun 26 Javascript
JavaScript 封装Ajax传递的数据代码
Jun 05 Javascript
window.open 以post方式传递参数示例代码
Feb 27 Javascript
javascript简单实现命名空间效果
Mar 06 Javascript
JavaScript的jQuery库中ready方法的学习教程
Aug 14 Javascript
vue.js绑定class和style样式(6)
Dec 09 Javascript
PHP 实现一种多文件上传的方法
Sep 20 Javascript
Vue+webpack+Element 兼容问题总结(小结)
Aug 16 Javascript
原生js实现公告滚动效果
Jan 10 Javascript
微信小程序自定义toast组件的方法详解【含动画】
May 11 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 22 Javascript
JS代码编译器Monaco使用方法
Jun 11 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 mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
Phpstorm+Xdebug断点调试PHP的方法
2018/05/14 PHP
php fread函数使用方法总结
2019/05/28 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
js中replace的用法总结
2013/12/27 Javascript
javascript实现可拖动变色并关闭层窗口实例
2015/05/15 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
2015/10/25 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
Vue代码分割懒加载的实现方法
2017/11/23 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
2018/10/19 Javascript
如何通过vscode运行调试javascript代码
2020/07/24 Javascript
vue打包npm run build时候界面报错的解决
2020/08/13 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
2020/10/09 jQuery
浅析Python多线程下的变量问题
2015/04/28 Python
python如何使用正则表达式的前向、后向搜索及前向搜索否定模式详解
2017/11/08 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
Python 实用技巧之利用Shell通配符做字符串匹配
2019/08/23 Python
Python Django框架模板渲染功能示例
2019/11/08 Python
Django中文件上传和文件访问微项目的方法
2020/04/27 Python
Python sublime安装及配置过程详解
2020/06/29 Python
总结30个CSS3选择器
2017/04/13 HTML / CSS
美国葡萄酒网上商店:Martha Stewart Wine Co.
2019/03/17 全球购物
Java中的异常处理机制的简单原理和应用
2013/04/27 面试题
个人职业生涯规划书1500字
2013/12/31 职场文书
投资合作协议书
2014/04/17 职场文书
基层党员对照检查材料
2014/08/25 职场文书
创先争优演讲稿
2014/09/15 职场文书
财务工作犯错检讨书
2014/10/07 职场文书
2014年食品安全工作总结
2014/12/04 职场文书
情人节活动总结范文
2015/02/05 职场文书
本溪水洞导游词
2015/02/11 职场文书
2015年教研组工作总结
2015/05/04 职场文书
企业宣传语大全
2015/07/13 职场文书
Python之matplotlib绘制饼图
2022/04/13 Python