美文网首页随笔-生活工作点滴
手机号码输入时隔3位一个空格 再隔4位一个空格的效果

手机号码输入时隔3位一个空格 再隔4位一个空格的效果

作者: 小李不小 | 来源:发表于2019-07-05 13:59 被阅读3次
手机号码输入时隔3位一个空格 再隔4位一个空格的效果

这样会有两个问题:
1、删除时,用户会莫名其妙的感觉到多删除了两个空格,输入时自己并没有输入这两个空格;
2、删除时,遇到空格时就删不了了;

可以监听keyup事件,pc端和移动端都适用。以下代码在输入和删除时都没有问题。

 var phoneNum = this.value.trim();
  //如果是删除按键,则什么都不做
  if (e.keyCode === 8) {
    this.value = phoneNum;
    return;
  }

  var len = phoneNum.length;
  if (len === 3 || len === 8) {
    phoneNum += ' ';
    this.value = phoneNum;
  }

相关文章

  • 手机号码输入时隔3位一个空格 再隔4位一个空格的效果

    手机号码输入时隔3位一个空格 再隔4位一个空格的效果 这样会有两个问题:1、删除时,用户会莫名其妙的感觉到多删除了...

  • 3-Markdown使用小集

    1. 段首输入两空格效果 2. 同上的效果 ~~~~ 3. 段首实现空格效果 切换到全角模式下输入两个空格。...

  • 【华为机试】字符串最后一个单词的长度

    题目描述: 计算字符串最后一个单词的长度,单词以空格隔开。 输入描述: 计算字符串最后一个单词的长度,单词以空格隔...

  • 随手笔记

    Typora快捷键 无序列表:输入-之后输入空格 有序列表:输入数字+“.”之后输入空格 任务列表:-[空格]空格...

  • Excel 按照上方格子快速填充

    选择需要填充的列 定位空格image.png 在第一个空格处,输入上面一个非空格的空格号image.png 按ct...

  • 我的第一C#程序!

    我的第一个程序 输入: 无 输出: 第一行总共20个*号,后面无空格,第二行先是一个*号然后三个空格再输入H...

  • 空格输入

    string s = Console.ReadLine(); string s = Console.ReadLin...

  • Web开发-工具篇typora

    windows快捷键: 无序列表:输入-之后输入空格 有序列表:输入数字+“.”之后输入空格 任务列表:-[空格]...

  • PLSQL快捷键,很方便

    自动替换:快捷输入SQL语句,例如输入s,按下空格,自动替换成SELECT;再例如,输入sf,按下空格,自动替换成...

  • Markdown添加空格

    Markdown添加空格,在半角输入状态下,只能识别一个空格,将输入法换成全角,在全角输入状态下直接使用空格键就o...

网友评论

    本文标题:手机号码输入时隔3位一个空格 再隔4位一个空格的效果

    本文链接:https://www.haomeiwen.com/subject/ohzshctx.html