Can I cancel postback when user presses return in a textbox?

Question

I have a textbox whose input is being handled by jQuery.

$('input.Search').bind("keyup", updateSearchTextbox);

When I press Enter in the textbox, I get a postback, which messes everything up. How can I trap that Enter and ignore it?

(Just to preempt one possible suggestion: The textbox has to be an <asp:textbox ... /> - I can't replace it with an <input ... />.)

Answer 1

Your browser is automatically submitting the form when you press enter. To cancel this, add return false to your updateSearchTextBox function.

if that doesn't work, try this:

<script language="JavaScript">

function disableEnterKey(e)
{
     var key;     
     if(window.event)
          key = window.event.keyCode; //IE
     else
          key = e.which; //firefox     

     return (key != 13);
}

</script> 

And in your codebehind:

 textbox.Attributes.Add("OnKeyPress","return disableEnterKey(event)");