ASP .NET MVC 3 - How to submit an ajax form nested within an html form

Question

I have an ASP .NET MVC 3 project and a problem with one of my 'Create' views.

I have cascading drop-down fields that I have implemented with ajax forms.

The view is roughly speaking - like this:

@using (Html.BeginForm(...))
{
    @Html.MyDropDown1

    using (Ajax.BeginForm(...))
    {
        @Ajax.MyDropdown2
        <input type="submit" value="Select" />
    }

    using (Ajax.BeginForm(...))
    {
        @Ajax.MyDropdown3
        <input type="submit" value="Select" />
    }

    <!-- other form fields -->

    <input type="submit" value="Create" />
}

The problem is that the submit buttons inside the ajax forms actually submit the outer html form.

Is there any way to specify the name of the form I want to submit?

I thought about putting my ajax forms above my html form so there would not be any nesting - but I need the values of the drop-down's selected items in my html post.

Thanks, Pete

Basically you are creating invalid HTML. You need to redesign what you are trying to do. — Erik Philips
– Erik Philips, Commented May 20, 2012 at 21:46
@Rudie my guess would be someone might downvote because nesting html tables shows a "lack of research effort". (I have not down voted this, but that sort of oversight won't get an upvote from me, either. — Andrew Barber
– Andrew Barber, Commented May 20, 2012 at 22:41
@Pete for ajax, you don't strictly need a form element at all. You can pull your data from your regular form fields and submit it with your ajax call. Admitedly, you can't do so while using those ajax helpera, but you can't use them like you are,anyway. — Andrew Barber
– Andrew Barber, Commented May 20, 2012 at 22:45
I did research before I posted - but I only found help regarding multiple submit buttons to different actions in 1 form. — PeteGO
– PeteGO, Commented May 20, 2012 at 23:16

veblock · Accepted Answer · 2012-05-20 22:14:31Z

9

As pointed out in comments you can't have nested forms. Remove all the using (Ajax.BeginForm(...)) bits, and handle your ajax calls through jQuery (or sth else).

answered May 20, 2012 at 22:14

veblock

1,92418 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ASP .NET MVC 3 - How to submit an ajax form nested within an html form

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related