Perform Button click event when user press Enter key in Textbox

Question

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> <ContentTemplate> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Send" /> </ContentTemplate> </asp:UpdatePanel> 

I have to perform Button1 click event when user press Enter key in Textbox1

Answer 1

Put your form inside an asp.net panel control and set its defaultButton attribute with your button Id. See the code below:

  <asp:Panel ID="Panel1" runat="server" DefaultButton="Button1">         <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">          <ContentTemplate>             <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>             <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Send" />              </ContentTemplate>           </asp:UpdatePanel>     </asp:Panel> 

Hope this will help you...

Answer 2

In the aspx page load event, add an onkeypress to the box.

this.TextBox1.Attributes.Add(     "onkeypress", "button_click(this,'" + this.Button1.ClientID + "')"); 

Then add this javascript to evaluate the key press, and if it is "enter," click the right button.

<script>     function button_click(objTextBox,objBtnID)     {         if(window.event.keyCode==13)         {             document.getElementById(objBtnID).focus();             document.getElementById(objBtnID).click();         }     } </script>