Question

仅当从下拉列表中选择了一些值时，才需要屏蔽输入。我设法调用javascript函数形式的代码，后面将调用jquery。当我显示警报时，它工作正常。当我尝试屏蔽输入时（模态加载后，从下拉菜单中选择了值），模态消失了，我无法单击任何位置。

需要屏蔽的输入字段：

<input id="txt_debtor_phone" name="txt_debtor_phone" placeholder="Phone" class="form-control txt_debtor_phone frm_debtor_request" runat="server" />

在满足条件时从代码后面调用JS函数：

ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "mask_phone_number", "javascript:mask_phone_number();", true);

模态内的JS函数：

function mask_phone_number() {
            jqueryfunction("I am here");
            //alert("hello");
        }

模态内的jQuery函数：

$(document).ready(function () { 
            jqueryfunction = function (test) {
               // alert(test);
                $('input[name=txt_debtor_phone]').mask('000-000-000');
            }
});

Answer 1

将.modal-backdrop类属性更改为不显示

使用jQuery在模式内部设置输入掩码

1 个答案: