Click here to Skip to main content
15,867,838 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
ASP.NET
<%-- 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>
Posted

1 solution

You can't. A postback sends the form to the server, destroys the page. The server than returns the new page.

If you need the modal to stay there you should not use server controls but a normal html form and do the post through ajax.
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900