最近做微信小程序，有個需求要求用戶上傳銀行卡信息，所以擼了個頁面以及邏輯，詳情代碼以及使用參照示例，如果對你有所幫助的請給個Star?~

https://github.com/ZBK1nger/bankCard-wechat

屏幕快照 2018-05-29 下午2.03.10.png

如上圖所示，基本的頁面就是這樣，在這主要有這么幾個點

• 驗證手機號的正確（手機號位數(shù)，正則判斷手機號格式）
• 輸入銀行卡號后在卡類型下自動匹配成當(dāng)前銀行卡所屬銀行以及卡類型（如中國建設(shè)銀行儲蓄卡）
• 點擊提交像服務(wù)器提交數(shù)據(jù)時進行判斷（比如收款人姓名填沒填寫，銀行卡號填沒填寫等等）

這里主要說下說下屬于銀行卡自動匹配銀行卡信息的邏輯，在當(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,
      })
    }
  },

如果驗證銀行卡號正確的話會返回我們一段這樣的json，然后就隨便.你需要的信息了 ??

屏幕快照 2018-05-29 下午2.35.33.png