微信小程序之绑定银行卡功能实现

最新推荐文章于 2025-02-15 17:10:22 发布

weixin_34343308

最新推荐文章于 2025-02-15 17:10:22 发布

阅读量5.2k

点赞数

文章标签： json 前端 java ViewUI

原文链接：https://juejin.im/post/5c6b6850518825620a7f19c8

版权

本文介绍了微信小程序中实现银行卡绑定的功能，包括验证手机号的正确性、根据输入的银行卡号自动匹配银行及卡类型，并在提交时进行数据校验。重点讲解了银行卡号自动匹配的逻辑，通过监听输入值并调用util.js的bankCardAttribution方法获取银行卡信息。当验证成功，会返回一段包含银行卡详细信息的JSON。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做微信小程序，有个需求要求用户上传银行卡信息，所以撸了个页面以及逻辑，详情代码以及使用参照示例，如果对你有所帮助的请给个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)