小编分享怎么使用微信小程序转换银行卡号输入格式。

本教程主要讲解了怎么使用微信小程序转换银行卡号输入格式?操作起来是很简单的,想要学习的朋友们可以跟着酷牛教程小编一起去看一看下文,希望能够帮助到大家。

输入框:

如何转换微信小程序银行卡号输入格式呢?微信小程序转换银行卡号输入格式的教程

输入后的值:

如何转换微信小程序银行卡号输入格式呢?微信小程序转换银行卡号输入格式的教程

样式太丑了,决定换一个样式

给输入框一个监听事件

如何转换微信小程序银行卡号输入格式呢?微信小程序转换银行卡号输入格式的教程

如何转换微信小程序银行卡号输入格式呢?微信小程序转换银行卡号输入格式的教程

(输入的值长度+1) % 5 等于 0 就加上空格,但是后来发现,用户回删数据的时候依旧在监听,导致空格删除不了,当输入的长度为4 则加上空格,用户回删空格触发监听事件,长度继续为4 继续加上空格…..

思考一番后决定给予一个数据中转站,将每次输入的值长度给予中转站,每次首先根据中转站的数据判断用户是在输入还是回删,输入则加上空格,回删则除去尾部空格。

效果如下

如何转换微信小程序银行卡号输入格式呢?微信小程序转换银行卡号输入格式的教程

比起之前的样式好看多了

js代码

如何转换微信小程序银行卡号输入格式呢?微信小程序转换银行卡号输入格式的教程

以上就是怎么使用微信小程序转换银行卡号输入格式的全部内容了,大家都学会了吗?

本文来自投稿,不代表酷牛教程立场,如若转载,请注明出处:https://www.xukn.com/97682.html

(0)
上一篇 2025-05-10 10:32
下一篇 2025-05-10 10:43

相关推荐