微信小程序之綁定銀行卡功能實現

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

github.com/ZBK1nger/ba…

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

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

這裏主要說下說下屬於銀行卡自動匹配銀行卡信息的邏輯，在當前銀行卡的bindinput方法中,時刻監聽用戶輸入的值，而後根據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，而後就隨便.你須要的信息了 👌