Submit button on nested form submits the outer form in IE7

Posted by Mike Christensen on Stack Overflow See other posts from Stack Overflow or by Mike Christensen
Published on 2011-11-21T17:45:29Z Indexed on 2011/11/21 17:50 UTC
Read the original article Hit count: 258

Filed under:
|
|
|

I have the following code on my Home.aspx page:

  <form id="frmJump" method="post" action="Views/ViewsHome.aspx">
    <input name="JumpProject" /><input type="submit" value="Go" />
  </form>

However, when I click the "Go" button, the page posts back to Home.aspx rather than going to ViewsHome.aspx.

I even tried adding some script to force the form to submit:

<input name="JumpProject" onkeypress="if(event.keyCode == 13) { this.form.submit(); return false; }" />

But still even if I press ENTER, the Home.aspx page is reloaded.

The only thing I can see that might be borking things is this form is actually a child form of the main POSTBACK form that ASP.NET injects into the page.

I'm sure there's something stupid I'm missing and this post will get 800 downvotes instantly banishing me back into the n00b realm, but perhaps I haven't gotten enough sleep lately and I'm missing something stupid.

This is on IE7 and an ASP.NET 4.0 backend. I also have jQuery libraries loaded on the page incase jQuery can improve this somehow. Thanks!

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about ASP.NET