最近做微信小程序棍苹，有個需求要求用戶上傳銀行卡信息爽柒，所以擼了個頁面以及邏輯，詳情代碼以及使用參照示例笆檀，如果對你有所幫助的請給個Star?~
https://github.com/ZBK1nger/bankCard-wechat
屏幕快照 2018-05-29 下午2.03.10.png
如上圖所示橄维，基本的頁面就是這樣尺铣，在這主要有這么幾個點(diǎn)
- 驗(yàn)證手機(jī)號的正確（手機(jī)號位數(shù)，正則判斷手機(jī)號格式）
- 輸入銀行卡號后在卡類型下自動匹配成當(dāng)前銀行卡所屬銀行以及卡類型（如中國建設(shè)銀行儲蓄卡）
- 點(diǎn)擊提交像服務(wù)器提交數(shù)據(jù)時進(jìn)行判斷（比如收款人姓名填沒填寫争舞，銀行卡號填沒填寫等等）
這里主要說下說下屬于銀行卡自動匹配銀行卡信息的邏輯凛忿，在當(dāng)前銀行卡的bindinput方法中,時刻監(jiān)聽用戶輸入的值，然后根據(jù)util.js中的bankCardAttribution方法來判斷
getUserIdCardNumber: function (e) {
this.setData({
bankNumber: e.detail.value
})
var temp = util.bankCardAttribution(e.detail.value)
console.log(temp)
if (temp == Error) {
temp.bankName = '';
temp.cardTypeName = '';
}
else {
this.setData({
cardType: temp.bankName + temp.cardTypeName,
})
}
},
如果驗(yàn)證銀行卡號正確的話會返回我們一段這樣的json竞川，然后就隨便.你需要的信息了 ??
屏幕快照 2018-05-29 下午2.35.33.png
