用户输入数字时jQuery可以添加逗号吗？

Question

当用户输入数字时,我将如何动态添加逗号？是否有一个很好的格式化程序可以帮助？我必须稍后添加这些数字,所以我最终必须删除逗号.但屏幕需要显示逗号以提高可读性.

Answer 1

运行代码段以查看它是否有效

$('input.number').keyup(function(event) {

  // skip for arrow keys
  if(event.which >= 37 && event.which <= 40) return;

  // format number
  $(this).val(function(index, value) {
    return value
    .replace(/\D/g, "")
    .replace(/\B(?=(\d{3})+(?!\d))/g, ",")
    ;
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input class="number">

Answer 2

如果你不想使用 jQuery，这里是 @ma\xc4\x8dek\'s 答案在 vanilla JS 中的实现：

\n\n

\r\n

\r\n

var el = document.querySelector(\'input.number\');\r\nel.addEventListener(\'keyup\', function (event) {\r\n  if (event.which >= 37 && event.which <= 40) return;\r\n\r\n  this.value = this.value.replace(/\\D/g, \'\')\r\n                         .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \',\');\r\n});

\r\n

<input class="number">

\r\n

\r\n

\r\n

\n