jQuery-如何在输入中追加（-）

我想为激活码创建一个输入。我的值像xxxx xxxx xxxx 并且不喜欢对解决方案使用多个输入

这意味着，当插入的值长度等于4时，它将自动在它们之间附加一个（-）

然后，如果用户粘贴代码xxxxxxxxxxxx，它将自动更改为xxxxxxxx

所以，我必须实现怎样的条件才能在单个输入中实现它，因为很多次我都试图通过逻辑实现，但未能创建一个工作和专业的输入

html:

---

这是其中一种方法：

$（'.activation_code'）.keyup（函数（）{
var input=$（this.val（）.split（“-”）.join（“”）；
如果（input.length>0）{
input=input.match（新的RegExp（'.{1,4}'，g'））.join（“-”）；
}
$（this）.val（输入）；
});
这是一种方法：


$（'.activation_code'）.keyup（函数（）{
var input=$（this.val（）.split（“-”）.join（“”）；
如果（input.length>0）{
input=input.match（新的RegExp（'.{1,4}'，g'））.join（“-”）；
}
$（this）.val（输入）；
});
这是一种方法：


$（'.activation_code'）.keyup（函数（）{
var input=$（this.val（）.split（“-”）.join（“”）；
如果（input.length>0）{
input=input.match（新的RegExp（'.{1,4}'，g'））.join（“-”）；
}
$（this）.val（输入）；
});
这是一种方法：


$（'.activation_code'）.keyup（函数（）{
var input=$（this.val（）.split（“-”）.join（“”）；
如果（input.length>0）{
input=input.match（新的RegExp（'.{1,4}'，g'））.join（“-”）；
}
$（this）.val（输入）；
});
我就是这样做的。您可以指定groupsize（要插入
-
的字符数）以及要插入的“分隔符”字符


函数转换输入（值、组大小、除法器）{
groupSize=groupSize | | 4；
dividerChar=dividerChar | |“-”；
var newValue=“”；
value=value.split（dividerChar.join（“”）；
对于（变量i=0；i0）{
newValue+=除法器；
}
newValue+=值[i]；
}
返回新值；
}
$（文档）.ready（函数（）{
$（“#输入”）。在（“键控”，函数（）上{
$（this.val）（转换输入（$（this.val（），4，“-”））；
});
$（“#输入2”）。在（“按键”，函数（）上）{
$（this.val）（转换输入（$（this.val（），3，“））；
});
});

键控，组大小4，“-”

按键，groupsize 3，“
我就是这么做的。您可以指定groupsize（要插入
-
的字符数）以及要插入的“分隔符”字符


函数转换输入（值、组大小、除法器）{
groupSize=groupSize | | 4；
dividerChar=dividerChar | |“-”；
var newValue=“”；
value=value.split（dividerChar.join（“”）；
对于（变量i=0；i0）{
newValue+=除法器；
}
newValue+=值[i]；
}
返回新值；
}
$（文档）.ready（函数（）{
$（“#输入”）。在（“键控”，函数（）上{
$（this.val）（转换输入（$（this.val（），4，“-”））；
});
$（“#输入2”）。在（“按键”，函数（）上）{
$（this.val）（转换输入（$（this.val（），3，“））；
});
});

键控，组大小4，“-”

按键，groupsize 3，“
我就是这么做的。您可以指定groupsize（要插入
-
的字符数）以及要插入的“分隔符”字符


函数转换输入（值、组大小、除法器）{
groupSize=groupSize | | 4；
dividerChar=dividerChar | |“-”；
var newValue=“”；
value=value.split（dividerChar.join（“”）；
对于（变量i=0；i0）{
newValue+=除法器；
}
newValue+=值[i]；
}
返回新值；
}
$（文档）.ready（函数（）{
$（“#输入”）。在（“键控”，函数（）上{
$（this.val）（转换输入（$（this.val（），4，“-”））；
});
$（“#输入2”）。在（“按键”，函数（）上）{
$（this.val）（转换输入（$（this.val（），3，“））；
});
});

键控，组大小4，“-”

按键，groupsize 3，“
我就是这么做的。您可以指定groupsize（要插入
-
的字符数）以及要插入的“分隔符”字符


函数转换输入（值、组大小、除法器）{
groupSize=groupSize | | 4；
dividerChar=dividerChar | |“-”；
var newValue=“”；
value=value.split（dividerChar.join（“”）；
对于（变量i=0；i0）{
newValue+=除法器；
}
newValue+=值[i]；
}
返回新值；
}
$（文档）.ready（函数（）{
$（“#输入”）。在（“键控”，函数（）上{
$（this.val）（转换输入（$（this.val（），4，“-”））；
});
$（“#输入2”）。在（“按键”，函数（）上）{
$（this.val）（转换输入（$（this.val（），3，“））；
});
});

键控，组大小4，“-”

按键，groupsize 3，“
这种方式支持在输入上粘贴
文本：

$(function(){
var test = $("#test");
  test.keyup(function(){
    var texto = $(this).val().split('-').join('');
    $(this).val(texto.match(/.{1,4}/g).join('-'));
  });
  test.on('paste',function(){
    var element = this;
      setTimeout(function () {
        var texto = $(element).val();
        $(element).val(texto.match(/.{1,4}/g).join('-'));
      }, 100);      
  });
});

工作小提琴：这种方式支持在输入上粘贴
文本：

$(function(){
var test = $("#test");
  test.keyup(function(){
    var texto = $(this).val().split('-').join('');
    $(this).val(texto.match(/.{1,4}/g).join('-'));
  });
  test.on('paste',function(){
    var element = this;
      setTimeout(function () {
        var texto = $(element).val();
        $(element).val(texto.match(/.{1,4}/g).join('-'));
      }, 100);      
  });
});

工作小提琴：这种方式支持在输入上粘贴
文本：

$(function(){
var test = $("#test");
  test.keyup(function(){
    var texto = $(this).val().split('-').join('');
    $(this).val(texto.match(/.{1,4}/g).join('-'));
  });
  test.on('paste',function(){
    var element = this;
      setTimeout(function () {
        var texto = $(element).val();
        $(element).val(texto.match(/.{1,4}/g).join('-'));
      }, 100);      
  });
});

工作小提琴：这种方式支持在输入上粘贴
文本：

$(function(){
var test = $("#test");
  test.keyup(function(){
    var texto = $(this).val().split('-').join('');
    $(this).val(texto.match(/.{1,4}/g).join('-'));
  });
  test.on('paste',function(){
    var element = this;
      setTimeout(function () {
        var texto = $(element).val();
        $(element).val(texto.match(/.{1,4}/g).join('-'));
      }, 100);      
  });
});

工作小提琴：你为什么不使用任何输入掩码插件？你不喜欢多输入的什么？我建议多输入，它会自动移动到下一个输入。如果你把它作为一个输入来做，你会做一个噩梦，试图让它完全正常工作。否则，您必须考虑退格、删除和中间文本输入。我以前已经创建了一个工作的多输入法，但这次只想尝试一个输入法。呵呵。这种方法也可以提高我的技能。你为什么不使用