jquery - 带有 UpdatePanel 的 jQuery 屏蔽输入插件

Question

我的问题是:在我的代码调用服务器并返回我需要的更改后，我的掩码消失了。 (只有更新面板内的 mask 才会出现这种情况)

PS:我尝试将我的 html 代码与数据链接起来，但我无法做到这一点。

所以只是为了展示想法:

<ScriptManager>
    <UpdatePanel>
    <ContentTemplate>
        <Table>
            <asp:TextBox runat="server" ID="txtCnpj" CssClass="cnpj_m" MaxLength="50"/>
        </Table>
    </ContentTemplate>
    </UpdatePanel>
</ScriptManager>

在我的代码隐藏中，我只是隐藏和显示一些项目。 (这是一个 ascx 控件)我的 javascript 是这样的:

$(function () {
    $(".data_m").mask("99/99/9999");
    $(".telefone_m").mask("9999-9999");
    $(".dddtelefone_m").mask("(999) 9999-9999");
    $(".ddd_m").mask("(999)");
    $(".cep_m").mask("99999-999");
    $(".cpf_m").mask("999.999.999-99");
    $(".cnpj_m").mask("99.999.999/9999-99");
});

我正在使用 jQuery 1.5.1。

还有插件Masked Input Plugin from digitalBush

有人知道我该如何解决这个问题吗？

PS2:我的掩码在我启动页面时起作用，只有在我调用服务器后才停止。

编辑:

这就是我在加载后尝试更新的方式。

$(".rbToggle").live('change',function () {
    //$("#txtCpf").mask("999.999.999-99");
    //$("#txtCnpj").mask("99.999.999/9999-99");
    // Edit, i'm using the code below, i put the top as sample, but i guess it may be kind hard to ppl see this sometimes.
    $("#%= txtCpf.ClientID %>").mask("999.999.999-99");
    $("#%= txtCnpj.ClientID %>").mask("99.999.999/9999-99");
});

EDIT2:我忘了提到，如果没有 updatepanel，掩码和 javascript 工作就很完美

Answer 1

每次重新渲染内容时，您都需要激活 mask 。因此，当更新面板重新加载时，请再次激活蒙版。

您可以通过 pageLoaded javascript method 执行此操作，通过 RegisterStartupScript 或将激活 javascript 放置在分部 View 中。

例如:

var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_pageLoaded(function(){
    // global partial postback complete
    // add masks here
});