1. 首页
  2. 编程语言
  3. Javascript
  4. vue 输入电话号码自动按3-4-4分割功能的实现代码

vue 输入电话号码自动按3-4-4分割功能的实现代码

上传者: 2021-08-26 17:38:29上传 PDF文件 88.70 KB 热度 13次

实现效果:1. 手机号输入/粘贴时,不允许输入数字外的其它字符,按344分隔,最大输入11位数字2. 银行卡号输入/粘贴时,不允许输入数字外的其它字符,每四位用空格分隔代码:js:上述方案即可实现基本效果,但如果从中间开始删除或添加内容时,光标会自动跑到最后,如下:若想光标留在删除/添加内容位置,需要设置光标位置:修改js如下:未实现:不允许粘贴非数字内容到输入框还未实现,改为了提交时校验,如果有比较好的解决方案望大家提出

下载地址
用户评论