Кнопка не работает после того, как я использовал jQuery Dialog

Question

Я хочу сделать регистрационную форму, используя диалог jquery, но после того, как я использовал jQuery Dialog и нажал кнопку, чтобы открыть форму, кнопка #btnsubmit не работает, пока она не работает помочь мне в моей проблеме я пытался найти ответ на как 2 дня в настоящее время и не смог найти ответ, и я новичок на всех: P

JS

$(function() { 
     $("#dialog").dialog({ 
      autoOpen: false, 
      width: 630, 
      height: 630, 
      draggable: false, 
      resizable: false, 
      modal: true 
     }); 

     $("#btnaddnew").click(function() { 
      $("#dialog").dialog("open"); 
      return false; 
     }); 
    }); 

HTML

<div id="dialog" title="Add/Edit User"> 
<asp:UpdatePanel ID="addpanel" runat="server"> 
<ContentTemplate> 
<table> 
    <tr> 
     <td><div id="registerform"> 
       <div class="formrow"> 
       <table> 
       <tr> 
        <td><label for="firstname">First Name</label></td> 
        <td><asp:TextBox ID="txfirstname" runat="server" class="basetxt" /></td> 
       </tr> 
       <tr> 
        <td><asp:RequiredFieldValidator ID="rfvfirstname" runat="server" ForeColor="Red" Display="Dynamic" ErrorMessage="Required" ControlToValidate="txfirstname" style="margin-left:20px" /></td> 
       </tr> 
       </table> 
       </div> 

       <div class="formrow"> 
       <table> 
       <tr> 
       <td><label for="lastname">Last Name</label></td> 
       <td><asp:TextBox ID="txlastname" runat="server" class="basetxt" /></td> 
       </tr> 
       <tr> 
       <td><asp:RequiredFieldValidator ID="rvflastname" runat="server" ForeColor="Red" ErrorMessage="Required" Display="Dynamic" ControlToValidate="txlastname" style="margin-left:20px" /></td> 
       </tr> 
       </table> 
       </div> 

       <div class="formrow"> 
       <table> 
       <tr> 
        <td><label for="address">Address</label></td> 
        <td><asp:TextBox ID="txaddress" runat="server" class="basetxt" /></td> 
       </tr> 
       <tr> 
        <td><asp:RequiredFieldValidator ID="rfvaddress" runat="server" ForeColor="Red" Display="Dynamic" ErrorMessage="Required" ControlToValidate="txaddress" style="margin-left:20px" /></td> 
       </tr> 
       </table> 
       </div> 

       <div class="formrow"> 
       <table> 
       <tr> 
        <td><label for="age">Age</label></td> 
        <td><asp:TextBox ID="txage" runat="server" class="basetxt" /></td> 
       </tr> 
       <tr> 
        <td><asp:RequiredFieldValidator ID="rvfage" runat="server" ForeColor="Red" Display="Dynamic" ErrorMessage="Required" ControlToValidate="txage" style="margin-left:20px" /> 
        <asp:RegularExpressionValidator ID="revage" runat="server" ForeColor="Red" Display="Dynamic" ErrorMessage="Not Valid" ControlToValidate="txage" ValidationExpression="^[1-9]\d{0,2}$" /></td> 
       </tr> 
       </table> 
       </div> 

       <div class="formrow"> 
       <table> 
       <tr> 
        <td><label for="mobile">Mobile #</label></td> 
        <td><asp:TextBox ID="txmobile" runat="server" class="basetxt" /></td> 
       </tr> 
       <tr> 
        <td><asp:RequiredFieldValidator ID="rvfmobile" runat="server" Display="Dynamic" ForeColor="Red" ErrorMessage="Required" ControlToValidate="txmobile" style="margin-left:20px" /> 
        <asp:RegularExpressionValidator ID="revmobile" runat="server" ForeColor="Red" ErrorMessage="Not Valid" Display="Dynamic" ControlToValidate="txmobile" ValidationExpression="^\d{11}" style="margin-left:20px" /></td> 
       </tr> 
       </table> 
       </div> 

       <div id="btnc2"> 
       <asp:Button ID="btnsubmit" runat="server" class="submitbtn" Text="Submit" onclick="btnsubmit_Click" style="margin-left: 10px" /> 
       <asp:Button ID="btnreset" runat="server" class="submitbtn" Text="Reset" 
         style="margin-left: 30px" onclick="btnreset_Click" CausesValidation="false" /> 
       </div></td> 
    </tr> 
</table> 
</ContentTemplate> 
</asp:UpdatePanel> 
</div> 

Кнопка Add New

<asp:Button ID="btnaddnew" runat="server" class="submitbtn" Text="Add New" 
          style="margin-left: 10px; margin-top: 10px" onclick="btnaddnew_Click" CausesValidation="false" /> 

Answer 1

Вы должны использовать jQuery .on метод, чтобы назначить обработчик щелчка на кнопке элемента. Вот как должен выглядеть следующим образом:

$(function() { 
    $("#dialog").dialog({ 
     autoOpen: false, 
     width: 630, 
     height: 630, 
     draggable: false, 
     resizable: false, 
     modal: true 
    }); 

    $("#dialog").on('click', '#btnaddnew', function() { 
     $("#dialog").dialog("open"); 
     return false; 
    }); 
});