ansaurus

Question

Enter button does not submit form (IE ONLY) ASP.NET

Answer 1

+2 A:

// Use the following Javascript in your HTML view
// put it somewhere between <head> and </head>

    <script language="JavaScript" type="text/javascript"><!--
    function KeyDownHandler(btn)
    {
      if (event.keyCode == 13)
      {
        event.returnValue=false;
        event.cancel = true;
        btn.click();
      }
    }
    // -->
    </script>

    // Put this in your TextBox(es) aka inside <asp:textbox ... >
    onkeydown="KeyDownHandler(ButtonID)"

TravisO 2008-11-06 22:05:01

Thanks for the input, it throws a lovely 'Object doesn't support this property or method' error, however :(

Anders 2008-11-06 22:12:04

This solution worked great for a similar problem I had in a jsp page.

oneBelizean 2008-12-11 17:53:25

Answer 2

A:

Does it use a GET instead of a POST? Is the URL too long? I've seen that...

Corey Trager 2008-11-06 22:08:29

Answer 3

+11 A:

The other thing I have done in the past is wrap the form area in a Panel and set the DefaultButton attribute to the submit button you have. This effectively maps the enter key to the submission as long as you have a form element in focus in the panel area.

Dillie-O 2008-11-06 22:14:51

will adding a panel mess with my formatting?

Anders 2008-11-06 22:16:58

Nope, it wont (answered my own question). This worked, thanks! :D

Anders 2008-11-06 22:21:44

Glad it worked. The nice caveat with this too is that if you have multiple forms on the page (say various options to search by), you can wrap a panel around each one of them and then the proper submit button is properly "mapped".

Dillie-O 2008-11-06 22:33:09

Good answer. This is something that I think not many asp.net developers know about.

metanaito 2008-11-07 00:28:52

Definitely a great answer, upvote this guys!

Anders 2008-11-10 13:43:20

this solution creates a javascript function. Is there a way to solve this problem so that its accessible?

skyfoot 2009-08-20 10:48:45

Answer 4

A:

Basically, a form needs either a button, input type="submit" or an input type="image" to enable the builtin behaviour to submit a form on enter. You shouldn't need a javascript to submit it.

jishi 2008-11-06 22:41:27

Answer 5

+9 A:

Just create a text input in a hidden div on the page. This will circumvent the IE bug.

Example div:

    <!-- Fix for IE bug (One text input and submit, disables submit on pressing "Enter") -->
    <div style="display:none">
         <input type="text" name="hiddenText"/>
    </div>

2009-01-28 15:10:43

I great solution as this is accessible unlike the panel solution which relies on javascript

skyfoot 2009-08-20 11:07:36

Answer 6

A:

When using display:none, IE won't see the button and therefore won't be able to use it to submit the form. Instead, you could use z-index and absolute positioning to hide it under another element, e.g. with the style:

position:absolute; bottom: -20px; left: -20px; z-index: -1;

Now it'll still be there, usable by IE, but hidden beneath another element.

Alec 2009-06-01 23:04:22

ansaurus

tags:

views:

answers:

Enter button does not submit form (IE ONLY) ASP.NET

related questions