微信小程序身份證驗證方法實現詳解

這篇文章主要介紹了微信小程序身份證驗證方法實現詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

身份證驗證在很多小程序中已經成爲必不可少的一部分，它能有效的判斷出身份證是否存在，是否輸入錯誤，以防不良人士惡意攻擊。

判斷一個身份證是否合法的身份證號碼有以下幾個步驟需要驗證

①：身份證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

<view class='box'> 
<view class='box-shang'>  
<view class='box-shang_left'>   
<text class='text1'>姓名：</text>  
</view>  
<view class='box-shang_right'>   
<input placeholder='請輸入姓名' id='name' bindinput='bininput_name' auto-focus></input>  
</view> 
</view> 
<view class='box-shang'>  
<view class='box-shang_left'>   
<text>身份證：</text>  
</view>  
<view class='box-shang_right'>  
<input placeholder='請輸入身份證' id='identity' bindinput='bininput_identity' auto-focus></input>  
</view> </view> <view class='box-shang'>  
<view class='box-shang_left'>   
<text>手機號：</text>  </view>  <view class='box-shang_right'>   
<input placeholder='請輸入手機號' id='mobile' bindinput='bininput_mobile' auto-focus></input>  
</view> </view> <view>  
<text class='text2'>和你的關係</text> 
</view>
</view>

js

//綁定輸入的姓名 
bininput_name: function (e) {  this.setData({   name: e.detail.value  }) }, 
//綁定輸入的身份證 
bininput_identity: function (e) {  this.setData({   identity: e.detail.value  }) }, 
//綁定輸入的電話 
bininput_mobile: function (e) {  this.setData({   mobile: e.detail.value  }) },

js身份證驗證方法

/*身份證驗證輸入是否正確 
 *身份證號合法性驗證 
*支持15位和18位身份證號 *支持地址編碼、出生日期、校驗位驗證*/ 
getBirthAndSex: function (e) {  
var ts = this;  
 var code = this.data.identity //identity 爲你輸入的身份證  
console.log(code) 
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: "國外 " }; 
var tip = ""; 
 var pass = true; 
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)$/; 
if(!code || !code.match(reg)) { 
tip = "身份證號格式錯誤"; 
pass = false;
} else if (!city[code.substr(0, 2)]) { 
tip = "地址編碼錯誤"; pass = false;
} else { 
//18位身份證需要驗證最後一位校驗位 
if (code.length == 18) {  code = code.split('');  
//∑(ai×Wi)(mod 11)  
//加權因子  
 var factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];  
//校驗位  var parity = [1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2];  
var sum = 0;  
var ai = 0;  
var wi = 0;  
for (var i = 0; i < 17; i++) {   
ai = code[i];   
 wi = factor[i];   
sum += ai * wi;  
 }  
var last = parity[sum % 11];  
if (parity[sum % 11] != code[17]) {   
 tip = "校驗位錯誤";   
 pass = false;   
 }  
 } 
 }  
console.log("pass==="+pass) 
 if (pass) { ts.setData({ allow_id: true }); wx.setStorageSync("idcard", code) } 
 if (!pass) console.log("tip" + tip); 
return pass;
},
···

如果身份證輸入正確，控制檯輸出的是ture，反之false。如果是錯誤的身份證號碼，會提示那裏錯誤。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持神馬文庫。