发生回发时，Bootstrap模式关闭。如果发生任何回发，我希望在同一页面上打开模态 [英] Bootstrap modal closes when postback occurs. I want modal to be opened on the same page if any postback happens also

问题描述

<%-- modal window Forgot Password--%>
<script type="text/javascript">



    $('#Panel1').modal('show')

    $('#Panel1').modal({ backdrop: 'static' })
</script>


<asp:Panel ID="Panel1" runat="server" data-backdrop="static" data-keyboard="false" role="dialog" CssClass="modal fade">
    <asp:Panel ID="Panel2" runat="server" CssClass="modal-dialog">
        <asp:Panel ID="Panel3" CssClass="modal-content" runat="server">
            <asp:Panel runat="server" class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">×</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">RESET PASSWORD</h4>
            </asp:Panel>
            <asp:Panel ID="Panel4" Style="background: #F9F9F9; padding: 10px;" runat="server" class="modal-body form-horizontal">

                <div class="form-group">

                    <div  runat="server" id="divErrorForgot" visible="false" class="alert alert-error col-sm-8 control-label" role="alert">
                        <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                        <span class="sr-only">Error:</span>
                        <asp:Label ID="Label1" runat="server" Enabled="False"></asp:Label>
                    </div>
                </div>
                <%--<form class="form-horizontal" style="background: #F9F9F9;padding:10px;" role="form">--%>


                <div class="form-group">
                    <label for="inputEmail3" class="col-sm-4 control-label">Email Id</label>
                    <div class="col-sm-8">
                        <asp:TextBox ID="txtForgotEmail" runat="server" CssClass="form-control"></asp:TextBox>
                        <asp:RegularExpressionValidator ValidationGroup="vgForgotPaswd" ID="RegularExpressionValidator2" runat="server" Style="color: red" ErrorMessage="* Not an Email Id" ControlToValidate="txtForgotEmail" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator9" ValidationGroup="vgForgotPaswd" Style="color: red" runat="server" ErrorMessage="* Email Id Required" ControlToValidate="txtForgotEmail"></asp:RequiredFieldValidator>
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-4 control-label">Mobile Number</label>
                    <div class="col-sm-8">
                        <asp:TextBox ID="txtForgotMobile" runat="server" CssClass="form-control"></asp:TextBox>
                        <asp:RegularExpressionValidator ID="RegularExpressionValidator3" ValidationGroup="vgForgotPaswd" Style="color: red" runat="server" ErrorMessage="* Not in format" ValidationExpression="^[7-9][0-9]{9}$" ControlToValidate="txtForgotMobile"></asp:RegularExpressionValidator>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator12" ValidationGroup="vgForgotPaswd" Style="color: red" runat="server" ErrorMessage="* Mobile Number Required" ControlToValidate="txtForgotMobile"></asp:RequiredFieldValidator>
                    </div>
                </div>



                <div class="form-group">
                    <asp:Label ID="lblPaswordForgot" runat="server" CssClass="col-sm-4 control-label" Text="Password"></asp:Label>
                    <div class="col-sm-8">
                        <asp:TextBox ID="txtFgPassword" runat="server" CssClass="form-control" TextMode="Password"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator10" ValidationGroup="vgForgotPaswd" Style="color: red" runat="server" ErrorMessage="* Password Required" ControlToValidate="txtFgPassword"></asp:RequiredFieldValidator>
                    </div>
                </div>
                <div class="form-group">
                    <asp:Label ID="lblReTypePassword" runat="server" CssClass="col-sm-4 control-label" Text="Re-Type Password"></asp:Label>
                    <div class="col-sm-8">
                        <asp:TextBox ID="txtFgReTypePas" runat="server" TextMode="Password" CssClass="form-control"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator11" ValidationGroup="vgForgotPaswd" Style="color: red" runat="server" ErrorMessage="* Re-Type Password" ControlToValidate="txtFgReTypePas"></asp:RequiredFieldValidator>
                        <asp:CompareValidator ID="CompareValidator2" ValidationGroup="vgForgotPaswd" runat="server" Style="color: red" ErrorMessage="* Password Mismatch" ControlToCompare="txtFgPassword" ControlToValidate="txtFgReTypePas"></asp:CompareValidator>
                    </div>
                </div>



                <%--<//div>--%>
            </asp:Panel>
            <asp:Panel runat="server" CssClass="modal-footer">

                <div class="form-group">
                    <div class="col-sm-3 col-sm-offset-9">
                        <asp:Button ID="btnResetPassword" ValidationGroup="vgForgotPaswd" runat="server" Text="Set Password" OnClick="btnResetPassword_Click" CssClass="form-control btn-warning btn" />
                    </div>
                </div>

            </asp:Panel>
        </asp:Panel>
    </asp:Panel>
</asp:Panel>

推荐答案

('#Panel1').modal('show')

('#Panel1').modal({ backdrop: 'static' })
</script>


<asp:Panel ID=\"Panel1\" runat=\"server\" data-backdrop=\"static\" data-keyboard=\"false\" role=\"dialog\" CssClass=\"modal fade\">
<asp:Panel ID=\"Panel2\" runat=\"server\" CssClass=\"modal-dialog\">
<asp:Panel ID=\"Panel3\" CssClass=\"modal-content\" runat=\"server\">
<asp:Panel runat=\"server\" class=\"modal-header\">
<button type=\"button\" class=\"close\" data-dismiss=\"modal\">
<span aria-hidden=\"true\">×</span><span class=\"sr-only\">Close</span>
</button>
<h4 class=\"modal-title\">RESET PASSWORD</h4>
</asp:Panel>
<asp:Panel ID=\"Panel4\" Style=\"background: #F9F9F9; padding: 10px;\" runat=\"server\" class=\"modal-body form-horizontal\">

<div class=\"form-group\">

<div runat=\"server\" id=\"divErrorForgot\" visible=\"false\" class=\"alert alert-error col-sm-8 control-label\" role=\"alert\">
<span class=\"glyphicon glyphicon-exclamation-sign\" aria-hidden=\"true\"></span>
<span class=\"sr-only\">Error:</span>
<asp:Label ID=\" Label1\" runat=\"server\" Enabled=\"False\"></asp:Label>
</div>
</div>
<%--<form class=\"form-horizontal\" style=\"background: #F9F9F9;padding:10px;\" role=\"form\">--%>


<div class=\"form-group\">
<label for=\"inputEmail3\" class=\"col-sm-4 control-label\">Email Id</label>
<div class=\"col-sm-8\">
<asp:TextBox ID=\"txtForgotEmail\" runat=\"server\" CssClass=\"form-control\"></asp:TextBox>
<asp:RegularExpressionValidator ValidationGroup=\"vgForgotPaswd\" ID=\"RegularExpressionValidator2\" runat=\"server\" Style=\"color: red\" ErrorMessage=\"* Not an Email Id\" ControlToValidate=\"txtForgotEmail\" ValidationExpression=\"\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*\"></asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID=\"RequiredFieldValidator9\" ValidationGroup=\"vgForgotPaswd\" Style=\"color: red\" runat=\"server\" ErrorMessage=\"* Email Id Required\" ControlToValidate=\"txtForgotEmail\"></asp:RequiredFieldValidator>
</div>
</div>
<div class=\"form-group\">
<label for=\"inputPassword3\" class=\"col-sm-4 control-label\">Mobile Number</label>
<div class=\"col-sm-8\">
<asp:TextBox ID=\"txtForgotMobile\" runat=\"server\" CssClass=\"form-cont rol\"></asp:TextBox>
<asp:RegularExpressionValidator ID=\"RegularExpressionValidator3\" ValidationGroup=\"vgForgotPaswd\" Style=\"color: red\" runat=\"server\" ErrorMessage=\"* Not in format\" ValidationExpression=\"^[7-9][0-9]{9}

('#Panel1').modal({ backdrop: 'static' }) </script> <asp:Panel ID="Panel1" runat="server" data-backdrop="static" data-keyboard="false" role="dialog" CssClass="modal fade"> <asp:Panel ID="Panel2" runat="server" CssClass="modal-dialog"> <asp:Panel ID="Panel3" CssClass="modal-content" runat="server"> <asp:Panel runat="server" class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">Close</span> </button> <h4 class="modal-title">RESET PASSWORD</h4> </asp:Panel> <asp:Panel ID="Panel4" Style="background: #F9F9F9; padding: 10px;" runat="server" class="modal-body form-horizontal"> <div class="form-group"> <div runat="server" id="divErrorForgot" visible="false" class="alert alert-error col-sm-8 control-label" role="alert"> <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> <span class="sr-only">Error:</span> <asp:Label ID="Label1" runat="server" Enabled="False"></asp:Label> </div> </div> <%--<form class="form-horizontal" style="background: #F9F9F9;padding:10px;" role="form">--%> <div class="form-group"> <label for="inputEmail3" class="col-sm-4 control-label">Email Id</label> <div class="col-sm-8"> <asp:TextBox ID="txtForgotEmail" runat="server" CssClass="form-control"></asp:TextBox> <asp:RegularExpressionValidator ValidationGroup="vgForgotPaswd" ID="RegularExpressionValidator2" runat="server" Style="color: red" ErrorMessage="* Not an Email Id" ControlToValidate="txtForgotEmail" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator> <asp:RequiredFieldValidator ID="RequiredFieldValidator9" ValidationGroup="vgForgotPaswd" Style="color: red" runat="server" ErrorMessage="* Email Id Required" ControlToValidate="txtForgotEmail"></asp:RequiredFieldValidator> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-4 control-label">Mobile Number</label> <div class="col-sm-8"> <asp:TextBox ID="txtForgotMobile" runat="server" CssClass="form-control"></asp:TextBox> <asp:RegularExpressionValidator ID="RegularExpressionValidator3" ValidationGroup="vgForgotPaswd" Style="color: red" runat="server" ErrorMessage="* Not in format" ValidationExpression="^[7-9][0-9]{9}

\" ControlToValidate=\"txtForgotMobile\"></asp:RegularExpressionValidator>
<asp:RequiredFieldValidator ID=\"RequiredFieldV alidator12\" ValidationGroup=\"vgForgotPaswd\" Style=\"color: red\" runat=\"server\" ErrorMessage=\"* Mobile Number Required\" ControlToValidate=\"txtForgotMobile\"></asp:RequiredFieldValidator>
</div>
</div>



<div class=\"form-group\">
<asp:Label ID=\"lblPaswordForgot\" runat =\"server\" CssClass=\"col-sm-4 control-label\" Text=\"Password\"></asp:Label>
<div class=\"col-sm-8\">
<asp:TextBox ID=\"txtFgPassword\" runat=\"server\" CssClass=\"form-control\" TextMode=\"Password\"></asp:TextBox>
<asp:RequiredFieldValidator ID=\"RequiredFieldValidator10\" ValidationGroup=\"vgForgotPaswd\" Style=\"color: red\" runat=\"server\" ErrorMessage=\"* Password Required\" ControlToValidate=\"txtFgPassword\"> </asp:RequiredFieldValidator>
</div>
</div>
<div class=\"form-group\">
<asp:Label ID=\"lblReTypePassword\" runat=\"server\" CssClass=\"col-sm-4 control-label\" Text=\"Re-Type Password\"></asp:Label>
<div class=\"col-sm-8\">
< asp:TextBox ID=\"txtFgReTypePas\" runat=\"server\" TextMode=\"Password\" CssClass=\"form-control\"></asp:TextBox>
<asp:RequiredFieldValidator ID=\"RequiredFieldValidator11\" ValidationGroup=\"vgForgotPaswd\" Style=\"color: red\" runat=\"server\" ErrorMessage=\"* Re-Type Password\" ControlToValidate=\"txtFgReTypePas\"></asp:RequiredFieldValidator>
<asp:CompareValidator ID=\"CompareValidator2\" ValidationGroup=\"vgForgotPaswd\" runat=\"server\" Style=\"color: red\" ErrorMessage=\"* Password Mismatch\" ControlToCompare=\"txtFgPassword\" ControlToValidate=\"txtFgReTypePas\"></asp:CompareValidator>
</div>
</div>



<%--<//div>--%>
</asp:Panel>
<asp:Panel runat=\"server\" CssClass=\"modal-footer\">

<div class=\"for m-group\">
<div class=\"col-sm-3 col-sm-offset-9\">
<asp:Button ID=\"btnResetPassword\" ValidationGroup=\"vgForgotPaswd\" runat=\"server\" Text=\"Set Password\" OnClick=\"btnResetPassword_Click\" CssClass=\"form-control btn-warning btn\" />
</div>
</div>

</asp:Panel>
</asp:Panel>
</asp:Panel>
</asp:Panel>

" ControlToValidate="txtForgotMobile"></asp:RegularExpressionValidator> <asp:RequiredFieldValidator ID="RequiredFieldValidator12" ValidationGroup="vgForgotPaswd" Style="color: red" runat="server" ErrorMessage="* Mobile Number Required" ControlToValidate="txtForgotMobile"></asp:RequiredFieldValidator> </div> </div> <div class="form-group"> <asp:Label ID="lblPaswordForgot" runat="server" CssClass="col-sm-4 control-label" Text="Password"></asp:Label> <div class="col-sm-8"> <asp:TextBox ID="txtFgPassword" runat="server" CssClass="form-control" TextMode="Password"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator10" ValidationGroup="vgForgotPaswd" Style="color: red" runat="server" ErrorMessage="* Password Required" ControlToValidate="txtFgPassword"></asp:RequiredFieldValidator> </div> </div> <div class="form-group"> <asp:Label ID="lblReTypePassword" runat="server" CssClass="col-sm-4 control-label" Text="Re-Type Password"></asp:Label> <div class="col-sm-8"> <asp:TextBox ID="txtFgReTypePas" runat="server" TextMode="Password" CssClass="form-control"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator11" ValidationGroup="vgForgotPaswd" Style="color: red" runat="server" ErrorMessage="* Re-Type Password" ControlToValidate="txtFgReTypePas"></asp:RequiredFieldValidator> <asp:CompareValidator ID="CompareValidator2" ValidationGroup="vgForgotPaswd" runat="server" Style="color: red" ErrorMessage="* Password Mismatch" ControlToCompare="txtFgPassword" ControlToValidate="txtFgReTypePas"></asp:CompareValidator> </div> </div> <%--<//div>--%> </asp:Panel> <asp:Panel runat="server" CssClass="modal-footer"> <div class="form-group"> <div class="col-sm-3 col-sm-offset-9"> <asp:Button ID="btnResetPassword" ValidationGroup="vgForgotPaswd" runat="server" Text="Set Password" OnClick="btnResetPassword_Click" CssClass="form-control btn-warning btn" /> </div> </div> </asp:Panel> </asp:Panel> </asp:Panel> </asp:Panel>

这篇关于发生回发时，Bootstrap模式关闭。如果发生任何回发，我希望在同一页面上打开模态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！