javascript - 如何在html输入中的四个字符后插入空格？

Question

当用户使用 JavaScript 输入信用卡号时，我需要在每四个字符后插入一个空格。

<input type="text" size="19" maxlength="19" data-stripe="number" placeholder="1234 5678 9012 3456">

完成此任务的最佳方法是什么？

Answer 1

试试这个:

输入:

<input type="text" maxlength="19" class="text" />

j查询:

$('.text').on('keyup', function() {
  var foo = $(this).val().split(" ").join(""); 
  if (foo.length > 0) {
    foo = foo.match(new RegExp('.{1,4}', 'g')).join(" ");
  }
  $(this).val(foo);
});

fiddle :https://jsfiddle.net/juspC/126/