javascript - 逗号分隔数字列表的掩码

Question

我正在尝试为输入的逗号分隔值创建掩码，但我遇到了困难。

你们能帮帮我吗？

这是我现在的面具:

<script>
    $(document).on("keyup keydown keypress", "commaseparated", function (e) {
        if (!$(this).val().match(/^([0-9]{0,1})(,[0-9]{1,}){1,}?$/g)) {
            e.preventDefault();
        }
    });
</script>
<input type="text" class="commaseparated" />
<!-- example input would be
     1235 <- single number
     or
     2654,524874,5456 <- many numbers
-->

提前致谢:)

编辑好吧，这不完全是面具。我想要的是用户只能插入数字和逗号，例如:

123 -> allowed
123,123 -> allowed
123,, -> not allowed
123,letters -> not allowed

Answer 1

你可以使用RegExp /(,|\D)(?=\1)|^[,\D]|[^,\d]$/g 要匹配逗号或非数字字符后跟逗号或非数字字符或逗号或字符串开头的非数字或字符串的最后一个字符不是数字或逗号，请将匹配替换为空字符串。

$(".commaseparated").on("input", function(e) {
  $(e.target).prop("value", function(_, val) {
    return val.replace(/(,|\D)(?=\1)|^[,\D]|[^,\d]$/g, "");
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<input type="text" class="commaseparated"/>