vue手机号按344分隔，银行卡号每4位空格分隔

实现效果：

1. 手机号输入/粘贴时，不允许输入数字外的其它字符，按344分隔，最大输入11位数字

2. 银行卡号输入/粘贴时，不允许输入数字外的其它字符，每四位用空格分隔

代码：

js：

 1 

 

上述方案即可实现基本效果，但如果从中间开始删除或添加内容时，光标会自动跑到最后，如下：

若想光标留在删除/添加内容位置，需要设置光标位置：

修改js如下：

 1 

 

未实现：

不允许粘贴非数字内容到输入框还未实现，改为了提交时校验，如果有比较好的解决方案望大家提出

 

转载于:https://www.cnblogs.com/qdwyy/p/10854014.html