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

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

转载于:https://juejin.im/post/5c6b6850518825620a7f19c8

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

php 微信公众号跳转小程序,微信小程序页面跳转功能
本文主要介绍微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法,结合具体实例形式总结分析了微信小程序页面跳转及列表item项跳转页面的相关操作技巧,需要的朋友可以参考下. 一.效果图从 ...
微信小程序接入客服功能
微信小程序接入客服功能 1.提供客服入口 // 通过组件方式 <contact-button type="default-light" size="20" ...
nodejs android 推送,利用Nodejs怎么实现一个微信小程序消息推送功能
利用Nodejs怎么实现一个微信小程序消息推送功能发布时间:2021-01-20 13:55:29 来源:亿速云阅读:92 作者:Leah 今天就跟大家聊聊有关利用Nodejs怎么实现一个微信小程 ...
php 微信小程序循环多选,微信小程序实现多选功能
本文为大家分享了微信小程序实现多选功能的具体代码,供大家参考,具体内容如下代码: {{num + 1}}/{{quesyion.length}}{{question[num][0]}} A {{qu ...
如何实现消息功能_如何实现微信小程序的轮盘抽奖功能
为了吸引用户,商家会做一些活动,利用赠送或充值的积分来进行抽奖,现在来讲下微信小程序如果实现轮盘抽奖的功能,先看下图: 上面展示的就是轮盘抽奖,一共有六个奖项,其中一个是"不中奖" ...
微信小程序可以实现很多功能
微信小程序可以实现很多功能,今天就教大家如何利用小程序插件来实现这些功能: 1.直播你可以在「上线了」选择一个电商(或超级云名片-电商版)小程序模板,在"应用中心"里添加小程序 ...
微信聊天自动解析html文本,微信小程序纯文本实现@功能
前言大家肯定对@功能不陌生,在如今的各大社交软件中它是一种不可或缺的功能.实现@人的功能并不复杂,只需将@人员的id传给后端,后端下发通知即可.主要的复杂点在于一键删除功能与变色功能,web端可以使 ...
借鉴华为HiLink实现微信小程序智能配网功能
借鉴华为HiLink实现微信小程序智能配网功能微信小程序介绍微信公众号智能配网 Smartconfig实现原理 Smartconfig技术的弊端 AP配网技术的出现微信小程序智能配网模块端设置 ...
微信小程序实现替换logo功能
1.背景产品觉得用公司logo生成的的二维码太丑觉得橘黄色和黑色不搭配,希望替换logo,在此之前,我也是没有做过这个功能的,于是我查阅了大量资料.加上自己的代码,实现了这个功能.实现的效果如下 ...

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

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

最新文章

热门文章