Question

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!

Answer 1

The most simple explanation is that forms cannot be nested.

You might consider revising your submit logic to appropriately handle the scenario server side (via the single postback form.) Otherwise you might have to consider a route that deviates from the standards ASP.NET Webforms postback model.