Fire event on enter key press for a textbox

Question

I have the following asp net textbox control    lt asp TextBox ID  txtAdd  runat  server    gt    After the user writes something in this textbox and presses the ENTER key  I want to run some code from codebehind   What should I do   Using jQuery I captured ENTER key and fired some hidden button event    document  ready function          window  keydown function e         if e keyCode    13       lt   addbtn ClientID   gt   click                  Is there any better way

User · Answer

my jQuery powered solution is below      Text Element    lt asp TextBox ID  txtTextBox  ClientIDMode  Static  onkeypress  return EnterEvent event    runat  server  gt  lt  asp TextBox gt   lt asp Button ID  btnSubmitButton  ClientIDMode  Static  OnClick  btnSubmitButton Click  runat  server  Text  Submit Form    gt    Javascript behind    lt script type  text javascript  language  javascript  gt      function fnCheckValue             var myVal       txtTextBox   val            if  myVal                      alert  Blank message                return false                    else               return true                       function EnterEvent e            if  e keyCode    13                if  fnCheckValue                          btnSubmitButton   trigger  click                  else                   return false                                         btnSubmitButton   click function              return fnCheckValue             lt  script gt

User · Answer

lt asp Panel ID  Panel2  runat  server  DefaultButton  bttxt  gt       lt telerik RadNumericTextBox ID  txt  runat  server  gt       lt  telerik RadNumericTextBox gt       lt asp LinkButton ID  bttxt  runat  server  Style  display  none   OnClick  bttxt Click    gt   lt  asp Panel gt     nbsp   protected void txt TextChanged object sender  EventArgs e          enter code here

User · Answer

lt input type  text  id  txtCode  name  name  class  text cs  gt    and js    lt script type  text javascript  gt      text cs   on  change   function      var pid     this  val    console log  Value text      pid        lt  script gt

User · Answer

ahaliav fox  s answer is correct  however there s a small coding problem  Change   lt   Button1 UniqueId  gt     to   lt   Button1 UniqueID  gt     it is case sensitive  Control UniqueID Property     Error  14   System Web UI WebControls Button  does not contain a definition for  UniqueId  and no extension method  UniqueId  accepting a first argument of type  System Web UI WebControls Button  could be found  are you missing a using directive or an assembly reference     N b  I tried the TextChanged event myself on AutoPostBack before searching for the answer  and although it is almost right it doesn t give the desired result I wanted nor for the question asked   It fires on losing focus on the Textbox and not when pressing the return key

User · Answer

My 2c   I have used javascript  but found it did things that were not quite expected   USE the panel s defaultButton attribute property as many of the above posts suggest  It is reliable  EASY  and works in all the browsers I have tested it on

User · Answer

Wrap the textbox inside asp Panel tags  Hide a Button that has a click event that does what you want done and give the  lt asp panel gt  a DefaultButton Attribute with the ID of the Hidden Button       lt asp Panel runat  server  DefaultButton  Button1  gt      lt asp TextBox ID  TextBox1  runat  server  gt  lt  asp TextBox gt          lt asp Button ID  Button1  runat  server  style  display none  OnClick  Button1 Click    gt   lt  asp Panel gt

User · Answer

Try follow  Aspx    lt asp TextBox ID  TextBox1  clientidmode  Static  runat  server  onkeypress  EnterEvent event  someMethod   gt  lt  asp TextBox gt       lt asp Button ID  Button1  onclick  someMethod    runat  server  Text  Button    gt    JS   function EnterEvent e  callback            if  e keyCode    13                callback

User · Answer

You could wrap the textbox and button in an ASP Panel  and set the DefaultButton property of the Panel to the Id of your Submit button    lt asp Panel ID  Panel1  runat  server  DefaultButton  SubmitButton  gt       lt asp TextBox ID  TextBox1  runat  server    gt       lt asp Button ID  SubmitButton  runat  server  Text  Submit  OnClick  SubmitButton Click    gt   lt  asp Panel gt    Now anytime the focus is within the Panel  the  SubmitButton Click  event will fire when enter is pressed

User · Answer

Try this option   update that coding part in Page Load event before catching IsPostback   TextBox1 Attributes Add  onkeydown    if event which    event keyCode  if   event which    13      event keyCode    13    document getElementById  ctl00 ContentPlaceHolder1 Button1   click   return false    else  return true

User · Answer

ASPX    lt asp TextBox ID  TextBox1  clientidmode  Static  runat  server  onkeypress  return EnterEvent event   gt  lt  asp TextBox gt       lt asp Button ID  Button1  runat  server  style  display none  Text  Button    gt    JS   function EnterEvent e            if  e keyCode    13                  doPostBack   lt   Button1 UniqueID  gt                           CS   protected void Button1 Click1 object sender  EventArgs e

[jquery] Fire event on enter key press for a textbox

Examples related to jquery

Examples related to asp.net

Examples related to event-handling