javascript - 如何在 html 中将文本字段输入从 1234567891234 转换为 1234-56-789-1234？

Question

我有这个文本框

<div class="name">
   <label for="name">NSN</label>
   <input type="text" id="NSN" name="name" />
</div>

我知道如何使用这个 Jquery 为数字输入添加一个逗号

$("#NSN").on('keyup', function(){
var n = parseInt($(this).val().replace(/\D/g,''),10);
$(this).val(n.toLocaleString());
});

但是如何在第 4 个数字之后、第 6 个数字之后和第 9 个数字之后添加 -。

Answer 1

添加了这些文件

<script src="../Js/inputmask.js"></script>
<script src="../Js/inputmask.extensions.js"></script>
<script src="../Js/inputmask.numeric.extensions.js"></script>

和下面的代码来设置NSN的屏蔽

var NSNselector = document.getElementById("NSN");
var im = new Inputmask("9999-999-9999-999");
im.mask(NSNselector);

有关屏蔽的更多信息，请参见以下链接。 https://www.npmjs.com/package/jquery.inputmask