Javascript 如何将分隔字符串粘贴到多个字段（如信用卡）

我在angular中有一个表单，其中一行有3个标准输入字段（文本），它们共同构成一个兑换代码（如信用卡号）

---

我们在解决如何允许用户将完整代码粘贴到第一个字段并填充所有3个字段时遇到了问题。例如代码“xx xxxx xxxx”

您可以使用

jquery输入掩码来输入货币、日期、卡号、电话号码等。
$（函数（）{
$（'.card_number'）。掩码（'000 0000'）；
});

使用jQuery，您可以执行以下操作

<form>
    <input type="text" id="tb0" />
     <input type="text" id="tb1" />
     <input type="text" id="tb2" />
    <input type="text" id="tb3" />
</form>

$('#tb0').on('paste',function(){
 var element = this;
  setTimeout(function () {
    var splittedString = $('#tb0').val().match(/.{1,4}/g)
    for(var i=0; i<splittedString.length; i++){
        $('#tb' + i).val(splittedString[i]);
    }
  }, 0);
})


$（'#tb0'）。在（'paste'，function（）上{
var元素=这个；
setTimeout（函数（）{
var splittedString=$（'#tb0'）.val（）.match（/.{1,4}/g）
对于（var i=0；iUr代码看起来像….尝试输入掩码jquery。请参阅演示为什么不像世界上其他人一样使用一个字段？请注意，粘贴事件不是100%跨浏览器可用的，但如果用户开始键入而不是粘贴，该怎么办。@使用粘贴的Bugfixer您没有问题，如果使用keyup事件实现它，您可能需要克服这个问题，而不是ks，我会试一试。重新粘贴-这更多的是为了粘贴是否可用，是的，也需要连续键入，但考虑的是一个在键入时重新聚焦的观察者。粘贴事件在IE或任何流行浏览器上都不起作用吗？我想他想拆分输入并填充信用卡输入表单等3个字段是什么未添加分隔符。@KarthikeyanVaithilingam-如果用户开始键入，则.OP未提及，但一旦第一个文本框达到限制，焦点应自动转到下一个文本框，依此类推。当前客户端正在发送以空格分隔的代码（xx xxxx xxxx），因此可以进行模式匹配。