经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » 微信小程序 » 查看文章
微信小程序身份证验证方法实现详解
来源:jb51  时间:2019/6/28 14:15:52  对本文有异议

身份证验证在很多小程序中已经成为必不可少的一部分,它能有效的判断出身份证是否存在,是否输入错误,以防不良人士恶意攻击。

判断一个身份证是否合法的身份证号码有以下几个步骤需要验证

①:身份证18位数

②:前17位全是数字

③:验证最后一位

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。

6. 如果对应的数字是10,身份证的最后一位号码就是罗马数字x。

wxml

  1. <view class='box'>
  2. <view class='box-shang'>
  3. <view class='box-shang_left'>
  4. <text class='text1'>姓名:</text>
  5. </view>
  6. <view class='box-shang_right'>
  7. <input placeholder='请输入姓名' id='name' bindinput='bininput_name' auto-focus></input>
  8. </view>
  9. </view>
  10. <view class='box-shang'>
  11. <view class='box-shang_left'>
  12. <text>身份证:</text>
  13. </view>
  14. <view class='box-shang_right'>
  15. <input placeholder='请输入身份证' id='identity' bindinput='bininput_identity' auto-focus></input>
  16. </view> </view> <view class='box-shang'>
  17. <view class='box-shang_left'>
  18. <text>手机号:</text> </view> <view class='box-shang_right'>
  19. <input placeholder='请输入手机号' id='mobile' bindinput='bininput_mobile' auto-focus></input>
  20. </view> </view> <view>
  21. <text class='text2'>和你的关系</text>
  22. </view>
  23. </view>

js

  1. //绑定输入的姓名
  2. bininput_name: function (e) { this.setData({ name: e.detail.value }) },
  3. //绑定输入的身份证
  4. bininput_identity: function (e) { this.setData({ identity: e.detail.value }) },
  5. //绑定输入的电话
  6. bininput_mobile: function (e) { this.setData({ mobile: e.detail.value }) },

js身份证验证方法

  1. /*身份证验证输入是否正确
  2. *身份证号合法性验证
  3. *支持15位和18位身份证号 *支持地址编码、出生日期、校验位验证*/
  4. getBirthAndSex: function (e) {
  5. var ts = this;
  6. var code = this.data.identity //identity 为你输入的身份证
  7. console.log(code)
  8. var city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江 ", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42: "湖北 ", 43: "湖南", 44: "广东", 45: "广西", 46: "海南", 50: "重庆", 51: "四川", 52: "贵州", 53: "云南", 54: "西藏 ", 61: "陕西", 62: "甘肃", 63: "青海", 64: "宁夏", 65: "新疆", 71: "台湾", 81: "香港", 82: "澳门", 91: "国外 " };
  9. var tip = "";
  10. var pass = true;
  11. var reg = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/;
  12. if(!code || !code.match(reg)) {
  13. tip = "身份证号格式错误";
  14. pass = false;
  15. } else if (!city[code.substr(0, 2)]) {
  16. tip = "地址编码错误"; pass = false;
  17. } else {
  18. //18位身份证需要验证最后一位校验位
  19. if (code.length == 18) { code = code.split('');
  20. //∑(ai×Wi)(mod 11)
  21. //加权因子
  22. var factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
  23. //校验位 var parity = [1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2];
  24. var sum = 0;
  25. var ai = 0;
  26. var wi = 0;
  27. for (var i = 0; i < 17; i++) {
  28. ai = code[i];
  29. wi = factor[i];
  30. sum += ai * wi;
  31. }
  32. var last = parity[sum % 11];
  33. if (parity[sum % 11] != code[17]) {
  34. tip = "校验位错误";
  35. pass = false;
  36. }
  37. }
  38. }
  39. console.log("pass==="+pass)
  40. if (pass) { ts.setData({ allow_id: true }); wx.setStorageSync("idcard", code) }
  41. if (!pass) console.log("tip" + tip);
  42. return pass;
  43. },
  44. ···

如果身份证输入正确,控制台输出的是ture,反之false。如果是错误的身份证号码,会提示那里错误。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持w3xue。

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号