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 encodeURI和encodeURIComponent的比较
Apr 03 Javascript
js 与 php 通过json数据进行通讯示例
Mar 26 Javascript
单击和双击事件的冲突处理示例代码
Apr 03 Javascript
JavaScript语言对Unicode字符集的支持详解
Dec 30 Javascript
JS弹出窗口插件zDialog简单用法示例
Jun 12 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
JavaScript中清空数组的三种方式
Mar 22 Javascript
微信小程序 标签传入数据
May 08 Javascript
Vue学习之路之登录注册实例代码
Jul 06 Javascript
vue 使用eventBus实现同级组件的通讯
Mar 02 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
Apr 23 Javascript
Vue实现简易计算器
Feb 25 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获取当前时间的毫秒数的方法
2014/01/26 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
JavaScript下利用fso判断文件是否存在的代码
2010/12/11 Javascript
使用Json比用string返回数据更友好,也更面向对象一些
2011/09/13 Javascript
jquery div 居中技巧应用介绍
2012/11/24 Javascript
js实现的捐赠管理完整实例
2015/01/20 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
JavaScript为事件句柄绑定监听函数实例详解
2015/12/15 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
2016/06/02 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
2016/08/09 Javascript
微信小程序 wxapp画布 canvas详细介绍
2016/10/31 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
jQuery模拟爆炸倒计时功能实例代码
2017/08/21 jQuery
node.js 用socket实现聊天的示例代码
2017/10/17 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
每个 JavaScript 工程师都应懂的33个概念
2018/10/22 Javascript
Next.js项目实战踩坑指南(笔记)
2018/11/29 Javascript
使用element-ui table expand展开行实现手风琴效果
2019/03/15 Javascript
微信小程序实现的五星评价功能示例
2019/04/25 Javascript
js实现图片推拉门效果代码实例
2019/05/18 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
2019/06/24 Javascript
深入浅析Vue中mixin和extend的区别和使用场景
2019/08/01 Javascript
javascript实现前端成语点击验证优化
2020/06/24 Javascript
Python多线程学习资料
2012/12/19 Python
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
python图形工具turtle绘制国际象棋棋盘
2019/05/23 Python
Python新手如何进行闭包时绑定变量操作
2020/05/29 Python
Python 如何在字符串中插入变量
2020/08/01 Python
俄罗斯EPL钻石珠宝店:ЭПЛ
2019/10/22 全球购物
Myprotein比利时官方网站:欧洲第一运动营养品牌
2020/10/04 全球购物
园林设计专业毕业生求职信
2014/03/23 职场文书
家长寄语大全
2014/04/02 职场文书
2014教师教育实践活动对照检查材料思想汇报
2014/09/21 职场文书
简单实现一个手持弹幕功能+文字抖动特效
2021/03/31 HTML / CSS
修改MySQL的数据库引擎为INNODB的方法
2021/05/26 MySQL
高考要来啦!用Python爬取历年高考数据并分析
2021/06/03 Python