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自动填充勾选框即把勾选框打上true
Mar 24 Javascript
Javascript异步编程模型Promise模式详细介绍
May 08 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
Jun 22 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
Mar 11 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
Sep 17 Javascript
JS实现动态增加和删除li标签行的实例代码
Oct 16 Javascript
JavaScript仿微博发布信息案例
Nov 16 Javascript
基本DOM节点操作
Jan 17 Javascript
vue-cli如何引入bootstrap工具的方法
Oct 19 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
Jan 22 Javascript
vue addRoutes路由动态加载操作
Aug 04 Javascript
详解Howler.js Web音频播放终极解决方案
Aug 23 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
ThinkPHP和UCenter接口冲突的解决方法
2016/07/25 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
类似框架的js代码
2006/11/09 Javascript
认识延迟时间为0的setTimeout
2008/05/16 Javascript
再谈ie和firefox下的document.all属性
2009/10/21 Javascript
基于jquery的仿百度搜索框效果代码
2011/04/11 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
js 限制input只能输入数字、字母和汉字等等
2013/12/18 Javascript
JS记录用户登录次数实现代码
2014/01/15 Javascript
动态创建script标签实现跨域资源访问的方法介绍
2014/02/28 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
Angular.JS去掉访问路径URL中的#号详解
2017/03/30 Javascript
angular学习之ngRoute路由机制
2017/04/12 Javascript
微信小程序实战之上拉(分页加载)效果(2)
2017/04/17 Javascript
微信小程序实现滑动删除效果
2017/05/19 Javascript
jQuery实现ajax回调函数带入参数的方法示例
2018/06/26 jQuery
Layui实现主窗口和Iframe层参数传递
2019/11/14 Javascript
深入webpack打包原理及loader和plugin的实现
2020/05/06 Javascript
python执行shell获取硬件参数写入mysql的方法
2014/12/29 Python
Pyhton中单行和多行注释的使用方法及规范
2016/10/11 Python
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
Python处理Excel文件实例代码
2017/06/20 Python
python距离测量的方法
2018/03/06 Python
python opencv检测目标颜色的实例讲解
2018/04/02 Python
通过python调用adb命令对App进行性能测试方式
2020/04/23 Python
Python装饰器如何实现修复过程解析
2020/09/05 Python
美国轮胎网站:Priority Tire
2018/11/28 全球购物
AJAX的全称是什么
2012/11/06 面试题
大学生旷课检讨书
2014/01/22 职场文书
活动倡议书范文
2014/05/13 职场文书
科学发展观活动总结
2014/08/28 职场文书
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
如何在CocosCreator里画个炫酷的雷达图
2021/04/16 Javascript
html中两种获取标签内的值的方法
2022/06/16 jQuery