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

如上图所示，基本的页面就是这样，在这主要有这么几个点

验证手机号的正确（手机号位数，正则判断手机号格式）
输入银行卡号后在卡类型下自动匹配成当前银行卡所属银行以及卡类型（如中国建设银行储蓄卡）
点击提交像服务器提交数据时进行判断（比如收款人姓名填没填写，银行卡号填没填写等等）

这里主要说下说下属于银行卡自动匹配银行卡信息的逻辑，在当前银行卡的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，然后就随便.你需要的信息了

微信小程序绑定银行卡功能相关推荐

微信小程序绑定银行卡
最近在做一个项目,其中有绑定银行卡的需求,所以写下来分享给用得到各位小伙伴代码如下: WXML: <view class="bind-card-box"><vi ...
黯然微信小程序杂记（三）：微信小程序实现倒计时功能附讲解教学附源码
黯然微信小程序杂记(三):微信小程序实现倒计时功能附超详细注释附源码一.功能描述二.界面展示三.test.wxml代码四.test.js代码(注释很详细很易懂) CSDN私信我,有关微信 ...
微信小程序实现语音识别功能
原标题:微信小程序实现语音识别功能使用小程序实现语音识别功能,由于语音识别可以直接使用各厂家的API接口,并且小程序为腾讯所有,因此考虑到可能的低延时,采用了腾讯提供的免费API接口,准确讲是腾讯语 ...
微信小程序语音识别java_微信小程序实现语音识别功能
原标题:微信小程序实现语音识别功能使用小程序实现语音识别功能,由于语音识别可以直接使用各厂家的API接口,并且小程序为腾讯所有,因此考虑到可能的低延时,采用了腾讯提供的免费API接口,准确讲是腾讯语 ...
微信小程序原生开发功能合集一：微信小程序开发介绍
一.专栏介绍本专栏主要内容为微信小程序常用功能开发过程的介绍说明,包括开发微信小程序常用组件的封装.常用功能的开发等,提供源代码.开发过程讲解视频.完整的课程等. 组件封装: 下拉选择组件. ...
IVX低代码平台开发——微信小程序实现抽奖功能
写在前面通过利用可视化编程实现微信小程序的抽奖功能,带大家初步了解 iVX 的强大之处. 文章目录写在前面 iVX开发抽奖功能实现 iVX开发基本介绍 iVX是一个 "零代码&quo ...
微信小程序与卡券功能小结
微信小程序与卡券功能小结前段时间公司有一个微信小程序的项目,其中有与卡券打通的功能,但是微信的官方文档实在是一言难尽...找了很多资料才解决这个问题,其中涉及到卡券的领取,卡券的核销等,在这里做一个 ...
最全的java对接微信小程序客服功能实现（包含自动回复文本消息、图片消息，进入人工客服）
java对接微信小程序客服功能实现(包含自动回复文本消息.图片消息,进入人工客服) 第一步:请求校验(确认请求来自微信服务器) 代码如下: @ApiOperation(value = " 微 ...
微信小程序实战购物车功能
代码地址如下: http://www.demodashi.com/demo/12400.html 一.准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.com ...

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

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

微信小程序绑定银行卡功能相关推荐

最新文章

热门文章