Как отобразить всплывающее окно в боковой панели во время модификации.

---

У меня есть боковая панель, меню и подменю есть.все подменю имеют одну страницу регистрационной формы.

Мой вопрос таков:
когда вы вводите любой текст в текстовое поле (которое находится на странице подменю) и внезапно переходите в другое меню,в это время мне нужно всплывающее окно "вы хотите покинуть эту страницу" да или нет.
если нажать кнопку да, то мы можем нажать другие подменю,а не ту же страницу подменю

Примечание: подменю находится в боковой панели, поэтому все страницы отображаются вместе с боковой панелью.

Что я уже пробовал:

Страница дизайна (мастер)

<div class="container body">
        <div class="main_container">
            <div class="col-md-3 left_col my_leftcol menu_fixed">
                <div class="left_col scroll-view">
                    <div class="clearfix"></div>
                    <!-- menu profile quick info -->
                    <div class="profile clearfix"> </div>
                    <!-- /menu profile quick info -->
                    <!-- sidebar menu -->
                    <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
                        <div class="menu_section" style="">                           
                                    <ul id="new1" class="nav side-menu" >
                                        <li >
                                            <a href="Default.aspx">Visit our HTML tutorial</a>


                                           
                                        </li>
                                        <li >
                                           <a href="Menu2.aspx" >Administrators</a> </li>
                                      
                             <li >
                                           <a href="Default.aspx" >Administrators</a> </li>
                                       <li >
                                           <a href="Menu2.aspx" >Administrators</a> </li>
                                              <li class="dropdown">
                                            <a href="Default.aspx" class="dropdown-toggle" data-toggle="dropdown">AdministratorUser</a>
                                            <ul class="dropdown-menu">
                                               <li>  <a href="Menu2.aspx" >one</a> </li><br />
                                               <li>  <a href="Default.aspx" >two</a> </li><br />
                                            <li>    <a href="Menu2.aspx" >three</a> </li><br />
                                          </li>
                                            </ul>
                                        
                                      
                            
                        </div>
                    </div>
                    <!-- /sidebar menu -->
                    <!-- /menu footer buttons -->
                    <!-- /menu footer buttons -->
                </div>
            </div>
</div>
</div>

пример регистрационной формы для подменю1 (например, для другого подменю):

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <th colspan="3">
            Registration
        </th>
    </tr>
    <tr>
        <td>
            Username
        </td>
        <td>
            <asp:TextBox ID="txtUsername" runat="server" />
        </td>
        <td>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ErrorMessage="Required" ForeColor="Red" ControlToValidate="txtUsername"

                runat="server" />
        </td>
    </tr>
    <tr>
        <td>
            Password
        </td>
        <td>
            <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" />
        </td>
        <td>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ErrorMessage="Required" ForeColor="Red" ControlToValidate="txtPassword"

                runat="server" />
        </td>
    </tr>
    <tr>
        <td>
            Confirm Password
        </td>
        <td>
            <asp:TextBox ID="txtConfirmPassword" runat="server" TextMode="Password" />
        </td>
        <td>
            <asp:CompareValidator ID="CompareValidator1" ErrorMessage="Passwords do not match." ForeColor="Red" ControlToCompare="txtPassword"

                ControlToValidate="txtConfirmPassword" runat="server" />
        </td>
    </tr>
    <tr>
        <td>
            Email
        </td>
        <td>
            <asp:TextBox ID="txtEmail" runat="server" />
        </td>
        <td>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ErrorMessage="Required" Display="Dynamic" ForeColor="Red"

                ControlToValidate="txtEmail" runat="server" />
            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" Display="Dynamic" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"

                ControlToValidate="txtEmail" ForeColor="Red" ErrorMessage="Invalid email address." />
        </td>
    </tr>
    <tr>
        <td>
        </td>
        <td>
            <asp:Button ID="Button1" Text="Submit" runat="server"  />
        </td>
        <td>
        </td>
    </tr>
</table>

---