Perform Button click event when user press Enter key in Textbox

Question

lt asp UpdatePanel ID  UpdatePanel1  runat  server  UpdateMode  Conditional  gt   lt ContentTemplate gt   lt asp TextBox ID  TextBox1  runat  server  gt  lt  asp TextBox gt   lt asp Button ID  Button1  runat  server  onclick  Button1 Click  Text  Send    gt   lt  ContentTemplate gt   lt  asp UpdatePanel gt    I have to perform Button1 click event when user press Enter key in Textbox1

User · Answer

in the html code only  add a panel that contains the page s controls  Inside the panel  add a line DefaultButton    buttonNameThatClicksAtEnter   See the example below  there should be nothing else required    lt asp Panel runat  server  DefaultButton  Button1  gt    add this      here goes all the page controls and the trigger button      lt asp TextBox ID  TextBox1  runat  server  gt  lt  asp TextBox gt       lt asp Button ID  Button1  runat  server  onclick  Button1 Click  Text  Send    gt   lt  asp Panel gt    and this too

User · Answer

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    lt script gt      function button click objTextBox objBtnID                if window event keyCode  13                        document getElementById objBtnID  focus                document getElementById objBtnID  click                     lt  script gt

User · Answer

You can do it with javascript jquery    lt script gt      function runScript e            if  e keyCode    13                    myButton   click      jquery             document getElementById  myButton   click      javascript                  lt  script gt    lt asp textbox id  txtUsername  runat  server  onkeypress  return runScript event     gt    lt asp LinkButton id  myButton  text  Login  runat  server    gt

User · Answer

You can try    In HTML        lt asp TextBox ID  TextBox1  runat  server  onKeyDown  submitButton event   gt  lt  asp TextBox gt   lt asp Button ID  Button1  runat  server  Text  Button  onclick  Button1 Click    gt    And javascript   function submitButton event            if  event which    13                    Button1   trigger  click                      Code behind    protected void Button1 Click object sender  EventArgs e              load data and fill to gridview      fixed the function view for users   Hope this help

User · Answer

Codeproject has a complete solution for this   http   www codeproject com Articles 17241 Capturing-the-Enter-key-to-cause-a-button-click   and like the article says   decide which solution best fits your needs                       EDITED ANSWER                               The link mentioned above  talks about two ways of capturing the  Enter Key  event   Javascript  bind the onKeyPress event to the object and create a javascript function to check which key was pressed and do your logic    Page Load in code behind       Add the javascript so we know where we want the enter key press to go if   IsPostBack       txtboxFirstName Attributes Add  onKeyPress                        doClick      btnSearch ClientID      event        txtboxLastName Attributes Add  onKeyPress                       doClick      btnSearch ClientID      event         Javascript code    lt SCRIPT type text javascript gt      function doClick buttonName e                  the purpose of this function is to allow the enter key to            point to the correct button to click          var key            if window event                key   window event keyCode        IE          else               key   e which        firefox          if  key    13                          Get the button the user wants to have clicked             var btn   document getElementById buttonName               if  btn    null                  If we find the button click it                 btn click                    event keyCode   0                               lt  SCRIPT gt    Panel Control   lt asp Panel ID  panSearch  runat  server  DefaultButton  btnSearch2  Width  100    gt       lt asp TextBox ID  txtboxFirstName2  runat  server   gt  lt  asp TextBox gt   lt  asp Panel gt    Quoting      Notice that the Panel tag has a property called DefaultButton  You set   this property to the button ID of the button you want to be clicked on   an Enter key press event  So any text box inside of the Panel will   direct its Enter key press to the button set in the DefaultButton   property of the Panel

User · Answer

use Jquery or something here is example  of it http   riderdesign com articles Check-username-availability-with-JQuery-and-ASP NET aspx i hope i will help you more

User · Answer

Put your form inside an asp net panel control and set its defaultButton attribute with your button Id  See the code below      lt asp Panel ID  Panel1  runat  server  DefaultButton  Button1  gt           lt asp UpdatePanel ID  UpdatePanel1  runat  server  UpdateMode  Conditional  gt            lt ContentTemplate gt               lt asp TextBox ID  TextBox1  runat  server  gt  lt  asp TextBox gt               lt asp Button ID  Button1  runat  server  onclick  Button1 Click  Text  Send    gt                lt  ContentTemplate gt             lt  asp UpdatePanel gt       lt  asp Panel gt    Hope this will help you

[c#] Perform Button click event when user press Enter key in Textbox

Examples related to c#

Examples related to javascript

Examples related to asp.net