input输入闪动 和 怎么输入银行卡格式
发布于 6 年前 作者 dinglei 10571 次浏览 来自 问答

placeholder和输入的样式不一样导致,怎么解决!

我想要输入银行卡号  都是纯数字的  , 有个需求就是每四位数字空一格 , 这样的话type=“number”就用不了了,因为空格不是数字,这个该怎么解决呢,我去看了微信的银行卡绑定是可以的,请教我该怎么做

3 回复

官方大大,出来解答一下啊

你好,请教你一个问题,请问你的input在获得焦点时会不会闪一下呀(如位置会轻微上下移动,placeholder的内容有时会消失)?有没有什么解决办法?谢谢!

你可以试下

https://image.wxopen.club/content_b351029a-389a-11ea-93da-001a7dda7111.png

<view class="section">
  <input  bindinput="bindReplaceInput" placeholder="连续的两个1会变成2" /></view>

类似这种的,每四位,后边加一个空格(不是用户去输入空格,用户也不愿意去输入)

可以优化下,每输入到4n+1的时候,给4n的后边插入一个空格,之后的,就不完全是4n来判断,需要你稍微处理下再加空格,删除的时候需要稍微处理下,判断最后一位是空格的时候,自动清除空格

大致思维是这样,你可以试试

回到顶部