javascript - ASP.NET 上的 Jquery 掩码不起作用

Question

我想使用从 http://digitalbush.com/projects/masked-input-plugin/ 得到的面膜但是面具不起作用。这是我的代码:

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
        <script src="/Scripts/jquery.maskedinput.js" type="text/javascript"></script>
        <script type="text/javascript">
            jQuery(function ($) {
                $("#cnpjDate").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
                $("#date").mask("99/99/9999", { placeholder: "mm/dd/yyyy" });
                $("#phone").mask("(999) 999-9999");
                $("#tin").mask("99-9999999");
                $("#ssn").mask("999-99-9999");
            });

        </script>
</asp:Content>

我的输入框是这样的

<input id="cnpjDate" type="text" /></td>

它位于表内、 View 内、多 View 内、ContentTemplate 内，ContentTemplate 位于 UpdatePanel 内。

我做错了什么？

Answer 1

问题是 masked-input-plugin 使用 jQuery 中的 .on 函数，而 jQuery 1.4.2 中不可用，您需要更新 jQuery 版本或降级 masked-input-plugin。

还要确保在 dom 加载后运行 jQuery 函数:

$( document ).ready(function() {});

这是一个有效的 codepen