jquery - 在序列号输入字段上动态添加连字符

Question

我正在使用 JSF 2.0、jquery 1.9 和 javascript。我也有 RichFaces（没有 PrimeFaces）。我有一个序列号输入字段。序列号有这种格式

ABCD-1234-EFGH-5678

它可以有数字和数字的任意组合。唯一的限制是：1) 字母数字 2) 正好 16 个字符

现在，为了用户的舒适，我需要每 4 个字符动态添加“-”（当然，最后除外）。我不知道这是否可能与我所拥有的。有任何想法吗？

谢谢！

-编辑-

所以，我正在使用 jQuery.MaskedInput.js 选项。这是我的代码

<script type="text/javascript">
    // <![CDATA[
    jQuery(function($){
        $("#managerForm\\:computername1").mask("****-****-****-****",{placeholder:"Add Computer ID"});
        $("#managerForm\\:computername2").mask("****-****-****-****",{placeholder:"Add Computer ID"});
        $("#managerForm\\:computername3").mask("****-****-****-****",{placeholder:"Add Computer ID"});
    });
    // ]]>
</script>

但它不起作用。控制台说有一个未捕获的错误。

Object [object Object] has no method 'mask'

我正在导入这个

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>

有任何想法吗？