如何在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" />

jQuery的:

$('.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);
});

小提琴:https://jsfiddle.net/juspC/126/

Answer 2

您可以使用jquery和掩码，请检查jquery and mask jquery，您只需要放置一个掩码

$("#date").mask("9999 9999 9999 9999");

核实