Disable Form Submit or PostBack on Enter Key Press

Disable Form Submit or PostBack on Enter Key Press:

Sometimes, when there are multiple text input fields in the form it is undesirable that the  form gets submitted when the user hits “ENTER” key in a field.

 You may want to disable this behavior and have enter key enabled on a particular text field alone or you may want to completely disable form submission on enter key press event. You can achieve this by handling the enter key press event in javascript.

To do this, write the below javascript code in your web page. This piece of code will block the enter key in all browsers 4.0 above, except when Enter key is pressed in a Textarea or on the Submit button itself.

Add this small JavaScript

<script language="JavaScript">

   var nav = window.Event ? true : false;

   if (nav) {

        window.captureEvents(Event.KEYDOWN);

        window.onkeydown = NetscapeEventHandler_KeyDown;

   } else {

        document.onkeydown = MicrosoftEventHandler_KeyDown;

   }

   function NetscapeEventHandler_KeyDown(e) {

       if (e.which == 13 && e.target.type != 'textarea' && e.target.type != 'submit') {

           return false;

       }

           return true;

   }

   function MicrosoftEventHandler_KeyDown() {

       if (event.keyCode == 13 && event.srcElement.type != 'textarea' &&

            event.srcElement.type!= 'submit')

             return false;

       return true;

   }

</script>

Other post:

• Ckeck box list example using javascript in grid.

• Check box in ASP.NET GridView

• Show grid view row details in to tooltip.

•  How to Bind Gridview Form database.

• Show gridview Row Details And Give Example.

• Example of Templatefield in asp.net gridview.

• Example of DropDownList inside GridView control

• Introduction of Asp.net grid view Control.

• Example of C# for Bind Data to asp.net Textbox inside gridview control

• Bind Data to asp.net textbox control in inside of gridview Using C# Example