ASP.Net MVC 4 Form with 2 submit buttons/actions

Question

I have a form in ASP.Net and razor.

I need to have two ways of submitting said form: one that goes through the Edit action, and another that goes through the Validate action.

How should I go about doing this?

I don't mind using JavaScript for this.

EDIT:

Using the custom attribute I get this error.

The current request for action 'Resultados' on controller type 'InspecoesController' is ambiguous between the following action methods: System.Web.Mvc.ActionResult Validar(System.Collections.Generic.ICollection1[Waveform.IEP.Intus.Server.Web.ViewModels.ResultadoViewModel]) on type Waveform.IEP.Intus.Server.Web.Controllers.InspecoesController System.Web.Mvc.ActionResult Resultados(System.Collections.Generic.ICollection1[Waveform.IEP.Intus.Server.Web.ViewModels.ResultadoViewModel]) on type Waveform.IEP.Intus.Server.Web.Controllers.InspecoesController

For MVC 6 see stackoverflow.com/questions/36555265/…

Softlion
– Softlion

2016-12-21 17:29:16 +00:00
Commented Dec 21, 2016 at 17:29 — Softlion
– Softlion, Commented Dec 21, 2016 at 17:29

Ramunas · Accepted Answer · 2013-05-10 10:25:34Z

76

That's what we have in our applications:
Attribute

public class HttpParamActionAttribute : ActionNameSelectorAttribute
{
    public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo)
    {
        if (actionName.Equals(methodInfo.Name, StringComparison.InvariantCultureIgnoreCase))
            return true;

        var request = controllerContext.RequestContext.HttpContext.Request;
        return request[methodInfo.Name] != null;
    }
}

Actions decorated with it:


[HttpParamAction]
public ActionResult Save(MyModel model)
{
    // ...
}

[HttpParamAction]
public ActionResult Publish(MyModel model)
{
    // ...
}

HTML/Razor

@using (@Html.BeginForm())
{
    <!-- form content here -->
    <input type="submit" name="Save" value="Save" />
    <input type="submit" name="Publish" value="Publish" />
}

name attribute of submit button should match action/method name

This way you do not have to hard-code urls in javascript

answered May 10, 2013 at 10:25

Ramunas

3,8831 gold badge32 silver badges31 bronze badges

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

13 Comments

Ramunas Over a year ago

Do you have an action attribute value set for your form? @using (Html.BeginForm()) should be enough. It's strange because at the moment of writing this comment I'm implementing exactly the same thing and it just works

Jeremy McGee Over a year ago

Good. I've renamed mine as ButtonNameActionAttribute: then the controller looks a little cleaner and a touch more obvious.

JoeBrockhaus Over a year ago

this is easy in a pinch, but it causes a lot of other problems when you have other action methods in the same controller. Not to mention an implicit contract between the view and the controller (a big no-no). I've opted for a lightweight JS function that changes the form action before submitting, like @ŁukaszW.pl below

Manfred Over a year ago

I like this approach. And if you would like to add HTML attributes , e.g. for Bootstrap, while keeping the default behavior of the parameterless Html.BeginForm() you can pass null for action and controller. Here is an example: Html.BeginForm(null, null, FormMethod.Post, new { @class = "form-horizontal", role = "form" })

Liviu Sosu Over a year ago

@Ramunas as people told you above, great solution! Not that it works, but it is also a clever approach and I like it a lot. Can't believe you received a -1, it happens to me as well every know and then - probably there are some hatters on SO. Vote up from me! :-)

|

Łukasz W. · Accepted Answer · 2014-10-25 07:16:43Z

43

You can do it with jquery, just put two methods to submit for to diffrent urls, for example with this form:

<form id="myForm">
    <%-- form data inputs here ---%>
    <button id="edit">Edit</button>
    <button id="validate">Validate</button>
</form>

you can use this script (make sure it is located in the View, in order to use the Url.Action attribute):

<script type="text/javascript">
      $("#edit").click(function() {
          var form = $("form#myForm");
          form.attr("action", "@Url.Action("Edit","MyController")");
          form.submit();
      });

      $("#validate").click(function() {
          var form = $("form#myForm");
          form.attr("action", "@Url.Action("Validate","MyController")");
          form.submit();
      });
</script>

edited Oct 25, 2014 at 7:16

answered May 10, 2013 at 10:17

Łukasz W.

9,7935 gold badges40 silver badges65 bronze badges

6 Comments

Tiago Veloso Over a year ago

I didn't knew about form.attr(). This should do the trick. Thanks.

Łukasz W. Over a year ago

With javascript/jquery you can manipulate any dom property, especially element attributes with attr(). If you're not sure if there is a method you need use jquery documentation (docs.jquery.com) - there's a lot of knowledge..

JoeBrockhaus Over a year ago

You should use the #edit syntax rather than button#edit, assuming you don't have duplicate IDs across different element types (about the only reason I could see that being used). Querying by ID is much faster. If you were using non-ID selector on the RHS, you'd be a little better off because it's paring the list down. But because the plain ID selector uses DOM.getElementById('') (at least, without having to first find all button elements), it will be faster.

Łukasz W. Over a year ago

@JoeBrockhaus - thats not related to this problem, but it's a good point so I've corrected my answer.

JoeBrockhaus Over a year ago

agreed, unrelated :) glad I could help!

|

Ajay2707 · Accepted Answer · 2015-07-13 09:34:41Z

8

If you are working in asp.net with razor, and you want to control multiple submit button event.then this answer will guide you. Lets for example we have two button, one button will redirect us to "PageA.cshtml" and other will redirect us to "PageB.cshtml".

@{
  if (IsPost)
    {
       if(Request["btn"].Equals("button_A"))
        {
          Response.Redirect("PageA.cshtml");
        }
      if(Request["btn"].Equals("button_B"))
        {
          Response.Redirect("PageB.cshtml");
        }
  }
}
<form method="post">
   <input type="submit" value="button_A" name="btn"/>;
   <input type="submit" value="button_B" name="btn"/>;          
</form>

edited Jul 13, 2015 at 9:34

Ajay2707

5,8286 gold badges44 silver badges61 bronze badges

answered Feb 14, 2014 at 16:25

Pir Fahim Shah

10.6k1 gold badge84 silver badges81 bronze badges

Comments

Dima · Accepted Answer · 2013-05-10 10:33:03Z

5

Here is a good eplanation: ASP.NET MVC – Multiple buttons in the same form

In 2 words:
you may analize value of submitted button in yout action
or
make separate actions with your version of ActionMethodSelectorAttribute (which I personaly prefer and suggest).

answered May 10, 2013 at 10:33

Dima

6,7414 gold badges26 silver badges43 bronze badges

2 Comments

Ramunas Over a year ago

My answer is adopted version of the article :)

eaglei22 Over a year ago

Perfect! Nice quick and easy implementation to use rather than clutter code in the view with JQuery/Javascript BTW, for custom ActionMethodSelectorAttribute approach where do you put this class? Does it need to be registered to the framework some how?

Andreas Ågren · Accepted Answer · 2016-11-09 08:20:00Z

4

With HTML5 you can use button[formaction]:

<form action="Edit">
  <button type="submit">Submit</button> <!-- Will post to default action "Edit" -->
  <button type="submit" formaction="Validate">Validate</button> <!-- Will override default action and post to "Validate -->
</form>

answered Nov 9, 2016 at 8:20

Andreas Ågren

3,94926 silver badges33 bronze badges

Comments

Jeetendra Negi · Accepted Answer · 2015-12-16 16:41:09Z

3

<input type="submit" value="Create" name="button"/>
<input type="submit" value="Reset" name="button" />

write the following code in Controler.

[HttpPost]
        public ActionResult Login(string button)
        {
            switch (button)
            {
                case "Create":
                    return RedirectToAction("Deshboard", "Home");
                    break;
                case "Reset":
                    return RedirectToAction("Login", "Home");
                    break;
            }

            return View();
        }

answered Dec 16, 2015 at 16:41

Jeetendra Negi

4534 silver badges3 bronze badges

Comments

Jeff D · Accepted Answer · 2016-12-22 14:24:20Z

1

We can have this in 2 ways,

Either have 2 form submissions within the same View and having 2 Action methods at the controller but you will need to have the required fields to be submitted with the form to be placed within

ex is given here with code Multiple forms in view asp.net mvc with multiple submit buttons

Or

Have 2 or multiple submit buttons say btnSubmit1 and btnSubmit2 and check on the Action method which button was clicked using the code

if (Request.Form["btnSubmit1"] != null)
{
 //
}
if (Request.Form["btnSubmit2"] != null)
{
 //
}

answered Dec 22, 2016 at 14:24

Jeff D

3493 silver badges4 bronze badges

Collectives™ on Stack Overflow

ASP.Net MVC 4 Form with 2 submit buttons/actions

7 Answers 7

13 Comments

6 Comments

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

13 Comments

6 Comments

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related