如何在输入字段中的每三个数字之间添加分隔符

Question

如何在用户输入三个数字后再输入连字符(-(。像这样：

719-646-636

它应该在javascript中自动完成。

Answer 1

我认为这是插件jquery inputmask的一个很好的用例。

看看文档，有很多选择。

您可以在一行javascript中获得所需的行为(加上可操作的复制/粘贴和禁用非数字字符(。

$("input[name=my-numeric-value]").inputmask()

input {
font-family: monospace;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js"></script>
<input type="text" name="my-numeric-value" placeholder="xxx-xxx-xxx" data-inputmask="'mask': '999-999-999'"/>

Answer 2

使用以下代码

const str = 'ababab';
const result = str.replace(/.{3}/g, '$&-');

来源：https://bobbyhadz.com/blog/javascript-insert-character-every-n-characters#:~：text=到%20插入%20a%20个字符%20后，字符%20加上%20提供的%20替换。