简单的脚本在 jsp 页面中不起作用

我只是想在输入电话号码时格式化它。

手机在表格中，如下所示：

    <table>
        <tr>
            <td width="200">Phone number : </td>
            <td width="200"><form:input fieldId="phone" fieldType="text"/></td>
        </tr>
    </table>

我有这个脚本和页面顶部，那里还有其他脚本......那行得通。

<script type="text/javascript">
    $("#phone").mask("999-999-999");
</script>

我找不到为什么它不起作用...

感谢您的未来帮助

编辑：也尝试了这个：

$('#phone').keyup(function() {
    var foo = $(this).val().split("-").join(""); // remove hyphens
    foo = foo.match(new RegExp('.{1,4}$|.{1,3}', 'g')).join("-");
    $(this).val(foo);
});

编辑2：当我使用普通输入时，它工作正常...但似乎它无法使用表单：输入