How do you handle multiple submit buttons in ASP NET MVC Framework

Question

Is there some easy way to handle multiple submit buttons from the same form  For example    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  value  Send    gt   lt input type  submit  value  Cancel    gt   lt   Html EndForm      gt    Any idea how to do this in ASP NET Framework Beta  All examples I ve googled for have single buttons in them

User · Answer

You could write    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Send    gt   lt input type  submit  name  button  value  Cancel    gt   lt   Html EndForm      gt    And then in the page check if the name     Send  or name     Cancel

User · Answer

Use a custom helper create a file  Helpers cshtml  inside the App Code folder  at the root of your project  with javascript to rewrite  at an  onclick  event  the form s  action  attribute to something you want and then submit it   The helper could be like    helper SubmitButton string text  string controller string action           var uh   new System Web Mvc UrlHelper Context Request RequestContext       string url    uh Action action  controller  null           lt input type button  onclick                                           function e                                                                                                          e  parent   attr  action     url      rewrite action url                                                      create a submit button to be clicked and removed  so that onsubmit is triggered                                                    var form   document getElementById   e  parent   attr  id                                                        var button   form ownerDocument createElement  input                                                       button style display    none                                                      button type    submit                                                      form appendChild button  click                                                        form removeChild button                                                                                                             this   value   text   gt      And then use it as    Helpers SubmitButton  Text for 1st button   ControllerForButton1   ActionForButton1    Helpers SubmitButton  Text for 2nd button   ControllerForButton2   ActionForButton2         Inside your form

User · Answer

Based on mkozicki answer I come up with a bit different solution  I still use ActionNameSelectorAttribute But I needed to handle two buttons  Save  and  Sync   They do almost the same so I didn t want to have two actions    attribute   public class MultipleButtonActionAttribute   ActionNameSelectorAttribute               private readonly List lt string gt  AcceptedButtonNames       public MultipleButtonActionAttribute params string   acceptedButtonNames                AcceptedButtonNames   acceptedButtonNames ToList               public override bool IsValidName ControllerContext controllerContext  string actionName  MethodInfo methodInfo                            foreach  var acceptedButtonName in AcceptedButtonNames                        var button   controllerContext Controller ValueProvider GetValue acceptedButtonName               if  button    null                                continue                                            controllerContext Controller ControllerContext RouteData Values Add  ButtonName   acceptedButtonName               return true                    return false            view   lt input type  submit  value  Save  name  Save    gt   lt input type  submit  value  Save and Sync  name  Sync    gt    controller    MultipleButtonAction  Save    Sync     public ActionResult Sync OrgSynchronizationEditModel model          var btn   this RouteData Values  ButtonName      I also want to point out that if actions do different things I would probably follow mkozicki post

User · Answer

You should be able to name the buttons and give them a value  then map this name as an argument to the action  Alternatively  use 2 separate action-links or 2 forms

User · Answer

Eilon suggests you can do it like this      If you have more than one button you   can distinguish between them by giving   each button a name    lt input type  submit  name  SaveButton  value  Save data    gt   lt input type  submit  name  CancelButton  value  Cancel and go back to main page    gt        In your controller action method you   can add parameters named after the   HTML input tag names   public ActionResult DoSomeStuff string saveButton  string cancelButton      other parameters                    If any value gets posted to one of   those parameters  that means that   button was the one that got clicked    The web browser will only post a value   for the one button that got clicked    All other values will be null   if  saveButton    null       do save logic      if  cancelButton    null       do cancel logic         I like this method as it does not rely on the value property of the submit buttons which is more likely to change than the assigned names and doesn t require javascript to be enabled  See  http   forums asp net p 1369617 2865166 aspx 2865166

User · Answer

I ve created an ActionButton method for the HtmlHelper  It will generate normal input button with a bit of javascript in the OnClick event that will submit the form to the specified Controller Action   You use the helper like that   Html ActionButton  MyControllerName    MyActionName    button text     this will generate the following HTML   lt input type  button  value  button text  onclick  this form action     MyWebsiteFolder MyControllerName MyActionName   this form submit     gt    Here is the extension method code     VB Net     lt System Runtime CompilerServices Extension   gt  Function ActionButton pHtml As HtmlHelper  pAction As String  pController As String  pRouteValues As Object  pBtnValue As String  pBtnName As String  pBtnID As String  As MvcHtmlString     Dim urlHelperForActionLink As UrlHelper     Dim btnTagBuilder As TagBuilder      Dim actionLink As String     Dim onClickEventJavascript As String      urlHelperForActionLink   New UrlHelper pHtml ViewContext RequestContext      If pController  lt  gt     Then         actionLink   urlHelperForActionLink Action pAction  pController  pRouteValues      Else         actionLink   urlHelperForActionLink Action pAction  pRouteValues      End If     onClickEventJavascript    this form action       amp  actionLink  amp      this form submit          btnTagBuilder   New TagBuilder  input       btnTagBuilder MergeAttribute  type    button        btnTagBuilder MergeAttribute  onClick   onClickEventJavascript       If pBtnValue  lt  gt     Then btnTagBuilder MergeAttribute  value   pBtnValue      If pBtnName  lt  gt     Then btnTagBuilder MergeAttribute  name   pBtnName      If pBtnID  lt  gt     Then btnTagBuilder MergeAttribute  id   pBtnID       Return MvcHtmlString Create btnTagBuilder ToString TagRenderMode Normal   End Function   C   the C  code is just decompiled from the VB DLL  so it can get some beautification    but time is so short  -    public static MvcHtmlString ActionButton this HtmlHelper pHtml  string pAction  string pController  object pRouteValues  string pBtnValue  string pBtnName  string pBtnID        UrlHelper urlHelperForActionLink   new UrlHelper pHtml ViewContext RequestContext       bool flag   Operators CompareString pController      true     0      string actionLink      if  flag                actionLink   urlHelperForActionLink Action pAction  pController  System Runtime CompilerServices RuntimeHelpers GetObjectValue pRouteValues              else               actionLink   urlHelperForActionLink Action pAction  System Runtime CompilerServices RuntimeHelpers GetObjectValue pRouteValues              string onClickEventJavascript    this form action        actionLink       this form submit          TagBuilder btnTagBuilder   new TagBuilder  input        btnTagBuilder MergeAttribute  type    button        btnTagBuilder MergeAttribute  onClick   onClickEventJavascript       flag    Operators CompareString pBtnValue      true     0       if  flag                btnTagBuilder MergeAttribute  value   pBtnValue             flag    Operators CompareString pBtnName      true     0       if  flag                btnTagBuilder MergeAttribute  name   pBtnName             flag    Operators CompareString pBtnID      true     0       if  flag                btnTagBuilder MergeAttribute  id   pBtnID             return MvcHtmlString Create btnTagBuilder ToString TagRenderMode Normal        These methods have various parameters  but for the ease of use you can create some overload that take just the parameters you need

User · Answer

Eilon suggests you can do it like this      If you have more than one button you   can distinguish between them by giving   each button a name    lt input type  submit  name  SaveButton  value  Save data    gt   lt input type  submit  name  CancelButton  value  Cancel and go back to main page    gt        In your controller action method you   can add parameters named after the   HTML input tag names   public ActionResult DoSomeStuff string saveButton  string cancelButton      other parameters                    If any value gets posted to one of   those parameters  that means that   button was the one that got clicked    The web browser will only post a value   for the one button that got clicked    All other values will be null   if  saveButton    null       do save logic      if  cancelButton    null       do cancel logic         I like this method as it does not rely on the value property of the submit buttons which is more likely to change than the assigned names and doesn t require javascript to be enabled  See  http   forums asp net p 1369617 2865166 aspx 2865166

User · Answer

I ve tried to make a synthesis of all solutions and created a  ButtenHandler  attribute that makes it easy to handle multiple buttons on a form   I ve described it on CodeProject Multiple parameterized  localizable  form buttons in ASP NET MVC   To handle the simple case of this button    lt button type  submit  name  AddDepartment  gt Add Department lt  button gt    You ll have something like the following action method    ButtonHandler    public ActionResult AddDepartment Company model        model Departments Add new Department         return View model       Notice how the name of the button matches the name of the action method  The article also describes how to have buttons with values and buttons with indexes

User · Answer

Something I don t like about ActionSelectName is that IsValidName is called for every action method in the controller  I don t know why it works this way  I like a solution where every button has a different name based on what it does  but I don t like the fact that you have to have as many parameters in the action method as buttons in the form  I have created an enum for all button types   public enum ButtonType       Submit      Cancel      Delete     Instead of ActionSelectName  I use an ActionFilter   public class MultipleButtonsEnumAttribute   ActionFilterAttribute       public Type EnumType   get  set         public MultipleButtonsEnumAttribute Type enumType                EnumType   enumType             public override void OnActionExecuting ActionExecutingContext filterContext                foreach  var key in filterContext HttpContext Request Form AllKeys                        if  Enum IsDefined EnumType  key                                 var pDesc   filterContext ActionDescriptor GetParameters                        FirstOrDefault x   gt  x ParameterType    EnumType                   filterContext ActionParameters pDesc ParameterName    Enum Parse EnumType  key                   break                                    The filter will find the button name in the form data and if the button name matches any of the button types defined in the enum  it will find the ButtonType parameter among the action parameters    MultipleButtonsEnumAttribute typeof ButtonType    public ActionResult Manage ButtonType buttonPressed  ManageViewModel model        if  button    ButtonType Cancel                return RedirectToAction  Index    Home                and so on     return View model      and then in views  I can use    lt input type  submit  value  Button Cancel  name   ButtonType Cancel    gt   lt input type  submit  value  Button Submit  name   ButtonType Submit    gt

User · Answer

I m pretty late to the party  but here goes    My implementation borrows from  mkozicki but requires less hardcoded strings to get wrong   Framework 4 5  required   Essentially  the controller method name should be the key to the routing   Markup   The button name must be keyed with  action  controllerMethodName     notice the use of the C 6 nameof API  providing type-specific reference to the name of the controller method you wish to invoke    lt form gt          form fields           lt button name  action  nameof MyApp Controllers MyController FundDeathStar   type  submit  formmethod  post  gt Fund Death Star lt  button gt       lt button name  action  nameof MyApp Controllers MyController HireBoba   type  submit  formmethod  post  gt Hire Boba Fett lt  button gt   lt  form gt    Controller   namespace MyApp Controllers       class MyController                    SubmitActionToThisMethod          public async Task lt ActionResult gt  FundDeathStar ImperialModel model                        await TrainStormTroopers                return View                        SubmitActionToThisMethod          public async Task lt ActionResult gt  HireBoba ImperialModel model                        await RepairSlave1                return View                        Attribute Magic   Notice the use of CallerMemberName goodness    AttributeUsage AttributeTargets Method  AllowMultiple   false  Inherited   true   public class SubmitActionToThisMethodAttribute   ActionNameSelectorAttribute               public SubmitActionToThisMethodAttribute  CallerMemberName string ControllerMethodName                     controllerMethod   ControllerMethodName          actionFormat   string Concat actionConstant       controllerMethod             const string actionConstant    action       readonly string actionFormat      readonly string controllerMethod       public override bool IsValidName ControllerContext controllerContext  string actionName  MethodInfo methodInfo                var isValidName   false          var value   controllerContext Controller ValueProvider GetValue actionFormat            if  value    null                        controllerContext Controller ControllerContext RouteData Values actionConstant    controllerMethod              isValidName   true                    return isValidName

User · Answer

Give your submit buttons a name  and then inspect the submitted value in your controller method    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  submitButton  value  Send    gt   lt input type  submit  name  submitButton  value  Cancel    gt   lt   Html EndForm      gt    posting to  public class MyController   Controller       public ActionResult MyAction string submitButton            switch submitButton                case  Send                      delegate sending to another controller action                 return Send                 case  Cancel                      call another action to perform the cancellation                 return Cancel                 default                     If they ve submitted the form without a submitButton                      just return the view again                  return View                          private ActionResult Cancel                process the cancellation request here          return View  Cancelled                private ActionResult Send                perform the actual send operation here          return View  SendConfirmed                EDIT   To extend this approach to work with localized sites  isolate your messages somewhere else  e g  compiling a resource file to a strongly-typed resource class   Then modify the code so it works like    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  submitButton  value   lt    Html Encode Resources Messages Send   gt     gt   lt input type  submit  name  submitButton  value   lt   Html Encode Resources Messages Cancel   gt     gt   lt   Html EndForm      gt    and your controller should look like this      Note that the localized resources aren t constants  so     we can t use a switch statement   if  submitButton    Resources Messages Send            delegate sending to another controller action     return Send        else if  submitButton    Resources Messages Cancel            call another action to perform the cancellation      return Cancel

User · Answer

My JQuery approach using an extension method   public static MvcHtmlString SubmitButtonFor lt TController gt  this HtmlHelper helper  Expression lt Action lt TController gt  gt  action  string value  where TController   Controller       RouteValueDictionary routingValues   Microsoft Web Mvc Internal ExpressionHelper GetRouteValuesFromExpression action        var onclick   string Format     form   first   attr  action      0      string Join      routingValues Values ToArray   Where x   gt  x    null  Select x   gt  x ToString    ToArray          var html     lt input type   submit   value       value       onclick       onclick         gt         return MvcHtmlString Create html       You can use it like this     Html SubmitButtonFor lt FooController gt  c   gt  c Save null    Save      And it renders like this    lt input type  submit  value  Save  onclick     form   first   attr  action     Foo Save     gt

User · Answer

You should be able to name the buttons and give them a value  then map this name as an argument to the action  Alternatively  use 2 separate action-links or 2 forms

User · Answer

model     public class input element                    public string Btn   get  set                    views--submit btn can be input type also         using  Html BeginForm                       lt button type  submit  name  btn  value  verify  gt               Verify data lt  button gt               lt button type  submit  name  btn  value  save  gt               Save data lt  button gt                   lt button type  submit  name  btn  value  redirect  gt                   Redirect lt  button gt           controller      public ActionResult About                         ViewBag Message    Your app description page                return View                        HttpPost          public ActionResult About input element model                            if  model Btn     verify                                        the Verify button was clicked                                   else if  model Btn     save                                        the Save button was clicked                                    else if  model Btn     redirect                                        the Redirect button was clicked                                    return View

User · Answer

Something I don t like about ActionSelectName is that IsValidName is called for every action method in the controller  I don t know why it works this way  I like a solution where every button has a different name based on what it does  but I don t like the fact that you have to have as many parameters in the action method as buttons in the form  I have created an enum for all button types   public enum ButtonType       Submit      Cancel      Delete     Instead of ActionSelectName  I use an ActionFilter   public class MultipleButtonsEnumAttribute   ActionFilterAttribute       public Type EnumType   get  set         public MultipleButtonsEnumAttribute Type enumType                EnumType   enumType             public override void OnActionExecuting ActionExecutingContext filterContext                foreach  var key in filterContext HttpContext Request Form AllKeys                        if  Enum IsDefined EnumType  key                                 var pDesc   filterContext ActionDescriptor GetParameters                        FirstOrDefault x   gt  x ParameterType    EnumType                   filterContext ActionParameters pDesc ParameterName    Enum Parse EnumType  key                   break                                    The filter will find the button name in the form data and if the button name matches any of the button types defined in the enum  it will find the ButtonType parameter among the action parameters    MultipleButtonsEnumAttribute typeof ButtonType    public ActionResult Manage ButtonType buttonPressed  ManageViewModel model        if  button    ButtonType Cancel                return RedirectToAction  Index    Home                and so on     return View model      and then in views  I can use    lt input type  submit  value  Button Cancel  name   ButtonType Cancel    gt   lt input type  submit  value  Button Submit  name   ButtonType Submit    gt

User · Answer

If you do not have restrictions on the use of HTML 5  you can use the  lt button gt  tag with formaction Attribute    lt form action  demo form asp  method  get  gt     First name   lt input type  text  name  fname    gt  lt br   gt     Last name   lt input type  text  name  lname    gt  lt br   gt      lt button type  submit  gt Submit lt  button gt  lt br   gt      lt button type  submit  formaction  demo admin asp  gt Submit as admin lt  button gt   lt  form gt    Reference  http   www w3schools com html5 att button formaction asp

User · Answer

Give your submit buttons a name  and then inspect the submitted value in your controller method    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  submitButton  value  Send    gt   lt input type  submit  name  submitButton  value  Cancel    gt   lt   Html EndForm      gt    posting to  public class MyController   Controller       public ActionResult MyAction string submitButton            switch submitButton                case  Send                      delegate sending to another controller action                 return Send                 case  Cancel                      call another action to perform the cancellation                 return Cancel                 default                     If they ve submitted the form without a submitButton                      just return the view again                  return View                          private ActionResult Cancel                process the cancellation request here          return View  Cancelled                private ActionResult Send                perform the actual send operation here          return View  SendConfirmed                EDIT   To extend this approach to work with localized sites  isolate your messages somewhere else  e g  compiling a resource file to a strongly-typed resource class   Then modify the code so it works like    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  submitButton  value   lt    Html Encode Resources Messages Send   gt     gt   lt input type  submit  name  submitButton  value   lt   Html Encode Resources Messages Cancel   gt     gt   lt   Html EndForm      gt    and your controller should look like this      Note that the localized resources aren t constants  so     we can t use a switch statement   if  submitButton    Resources Messages Send            delegate sending to another controller action     return Send        else if  submitButton    Resources Messages Cancel            call another action to perform the cancellation      return Cancel

User · Answer

You should be able to name the buttons and give them a value  then map this name as an argument to the action  Alternatively  use 2 separate action-links or 2 forms

User · Answer

Give your submit buttons a name  and then inspect the submitted value in your controller method    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  submitButton  value  Send    gt   lt input type  submit  name  submitButton  value  Cancel    gt   lt   Html EndForm      gt    posting to  public class MyController   Controller       public ActionResult MyAction string submitButton            switch submitButton                case  Send                      delegate sending to another controller action                 return Send                 case  Cancel                      call another action to perform the cancellation                 return Cancel                 default                     If they ve submitted the form without a submitButton                      just return the view again                  return View                          private ActionResult Cancel                process the cancellation request here          return View  Cancelled                private ActionResult Send                perform the actual send operation here          return View  SendConfirmed                EDIT   To extend this approach to work with localized sites  isolate your messages somewhere else  e g  compiling a resource file to a strongly-typed resource class   Then modify the code so it works like    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  submitButton  value   lt    Html Encode Resources Messages Send   gt     gt   lt input type  submit  name  submitButton  value   lt   Html Encode Resources Messages Cancel   gt     gt   lt   Html EndForm      gt    and your controller should look like this      Note that the localized resources aren t constants  so     we can t use a switch statement   if  submitButton    Resources Messages Send            delegate sending to another controller action     return Send        else if  submitButton    Resources Messages Cancel            call another action to perform the cancellation      return Cancel

User · Answer

If your browser supports the attribute formaction for input buttons  IE 10   not sure about other browsers  then the following should work    using  Html BeginForm           put form inputs here   lt input id  sendBtn  value  Send  type  submit  formaction   Url Action  Name Of Send Action      gt    lt input id  cancelBtn  value  Cancel  type  submit  formaction   Url Action  Name of Cancel Action     gt

User · Answer

Modified version of HttpParamActionAttribute method but with a bug fix for not causing an error on expired invalid session postbacks  To see if this is a problem with your current site  open the your form in a window and just before you go to click Save or Publish  open a duplicate window  and logout  Now go back to your first window and try to submit your form using either button  For me I got an error so this change solves that problem for me  I omit a bunch of stuff for the sake of brevity but you should get the idea  The key parts are the inclusion of ActionName on the attribute and making sure the name passed in is the name of the View that shows the form  Attribute Class   AttributeUsage AttributeTargets Method  AllowMultiple   false  Inherited   true   public class HttpParamActionAttribute   ActionNameSelectorAttribute       private readonly string actionName       public HttpParamActionAttribute string actionName                this actionName   actionName             public override bool IsValidName ControllerContext controllerContext  string actionName  MethodInfo methodInfo                if  actionName Equals methodInfo Name  StringComparison InvariantCultureIgnoreCase               return true           if   actionName Equals this actionName  StringComparison InvariantCultureIgnoreCase               return false           var request   controllerContext RequestContext HttpContext Request          return request methodInfo Name     null            Controller   Authorize Roles  CanAddContent    public ActionResult CreateContent Guid contentOwnerId        var viewModel   new ContentViewModel               ContentOwnerId   contentOwnerId           populate rest of view model           return View  CreateContent   viewModel       Authorize Roles  CanAddContent    HttpPost  HttpParamAction  CreateContent    ValidateAntiForgeryToken  public ActionResult SaveDraft ContentFormModel model          Save as draft     return RedirectToAction  CreateContent        Authorize Roles  CanAddContent    HttpPost  HttpParamAction  CreateContent    ValidateAntiForgeryToken  public ActionResult Publish ContentFormModel model          publish content     return RedirectToAction  CreateContent        View   using  Ajax BeginForm  CreateContent    MyController   new   contentOwnerId   Model ContentOwnerId            Html AntiForgeryToken        Html HiddenFor x   gt  x ContentOwnerId        lt  -- Rest of your form controls -- gt       lt input name  SaveDraft  type  submit  value  SaveDraft    gt       lt input name  Publish  type  submit  value  Publish    gt

User · Answer

This is the technique I d use and I don t see it here yet  The link  posted by Saajid Ismail   that inspires this solution is http   weblogs asp net dfindley archive 2009 05 31 asp-net-mvc-multiple-buttons-in-the-same-form aspx   It adapts Dylan Beattie s answer to do localization without any problems   In the View    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt button name  button  value  send  gt  lt    Resources Messages Send   gt  lt  button gt   lt button name  button  value  cancel  gt  lt    Resources Messages Cancel   gt  lt  button gt   lt   Html EndForm      gt    In the Controller   public class MyController   Controller        public ActionResult MyAction string button                 switch button                          case  send                    this DoSend                     break               case  cancel                    this DoCancel                     break

User · Answer

You can check the name in the action as has been mentioned  but you might consider whether or not this is good design   It is a good idea to consider the responsibility of the action and not couple this design too much to UI aspects like button names   So consider using 2 forms and 2 actions    lt   Html BeginForm  Send    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Send    gt   lt   Html EndForm      gt    lt   Html BeginForm  Cancel    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Cancel    gt   lt   Html EndForm      gt    Also  in the case of  Cancel   you are usually just not processing the form and are going to a new URL   In this case you do not need to submit the form at all and just need a link    lt   Html ActionLink  Cancel    List    MyController     gt

User · Answer

HttpPost  public ActionResult ConfirmMobile string nameValueResend  string nameValueSubmit  RegisterModel model                var button   nameValueResend    nameValueSubmit          if  button     Resend                                else                                  Razor file Content       using  Html BeginForm                  lt div class  page registration-result-page  gt                lt div class  page-title  gt                   lt h1 gt  Confirm Mobile Number lt  h1 gt               lt  div gt                lt div class  result  gt                   Html EditorFor model   gt  model VefificationCode                   Html LabelFor model   gt  model VefificationCode  new                       Html ValidationMessageFor model   gt  model VefificationCode               lt  div gt               lt div class  buttons  gt                   lt button type  submit  class  btn  name  nameValueResend  value  Resend  gt                      Resend                  lt  button gt                   lt button type  submit  class  btn  name  nameValueSubmit  value  Verify  gt                      Submit                  lt  button gt                lt  div gt               lt  div gt

User · Answer

I ve tried to make a synthesis of all solutions and created a  ButtenHandler  attribute that makes it easy to handle multiple buttons on a form   I ve described it on CodeProject Multiple parameterized  localizable  form buttons in ASP NET MVC   To handle the simple case of this button    lt button type  submit  name  AddDepartment  gt Add Department lt  button gt    You ll have something like the following action method    ButtonHandler    public ActionResult AddDepartment Company model        model Departments Add new Department         return View model       Notice how the name of the button matches the name of the action method  The article also describes how to have buttons with values and buttons with indexes

User · Answer

When using ajax forms  we can use ActionLinks with POST HttpMethod and  serialize the form in the AjaxOptions OnBegin event     Let s say you have two actions  InsertAction and UpdateAction    lt form gt       Html Hidden  SomeField    SomeValue         Ajax ActionLink           Insert            InsertAction           null          new AjaxOptions                OnBegin    OnBegin                UpdateTargetId    yourDiv                HttpMethod    POST          Ajax ActionLink           Update            UpdateAction           null          new AjaxOptions                OnBegin    OnBegin                UpdateTargetId    yourDiv                HttpMethod    POST      lt  form gt    Javascript  function OnBegin xhr  settings        settings data      form   serialize

User · Answer

Index cshtml       using  Html BeginForm  Index    Home   FormMethod Post  new   id    submitForm                   button type  submit  id  btnApprove  name  Command  value  Approve   Approve       button type  submit  id  btnReject  name  Command  value  Reject   Reject            public class HomeController   Controller       public ActionResult Index                 return View                HttpPost      public ActionResult Index FormCollection frm  string Command                if  Command     Approve                                else if  Command     Reject                                 return View

User · Answer

I m pretty late to the party  but here goes    My implementation borrows from  mkozicki but requires less hardcoded strings to get wrong   Framework 4 5  required   Essentially  the controller method name should be the key to the routing   Markup   The button name must be keyed with  action  controllerMethodName     notice the use of the C 6 nameof API  providing type-specific reference to the name of the controller method you wish to invoke    lt form gt          form fields           lt button name  action  nameof MyApp Controllers MyController FundDeathStar   type  submit  formmethod  post  gt Fund Death Star lt  button gt       lt button name  action  nameof MyApp Controllers MyController HireBoba   type  submit  formmethod  post  gt Hire Boba Fett lt  button gt   lt  form gt    Controller   namespace MyApp Controllers       class MyController                    SubmitActionToThisMethod          public async Task lt ActionResult gt  FundDeathStar ImperialModel model                        await TrainStormTroopers                return View                        SubmitActionToThisMethod          public async Task lt ActionResult gt  HireBoba ImperialModel model                        await RepairSlave1                return View                        Attribute Magic   Notice the use of CallerMemberName goodness    AttributeUsage AttributeTargets Method  AllowMultiple   false  Inherited   true   public class SubmitActionToThisMethodAttribute   ActionNameSelectorAttribute               public SubmitActionToThisMethodAttribute  CallerMemberName string ControllerMethodName                     controllerMethod   ControllerMethodName          actionFormat   string Concat actionConstant       controllerMethod             const string actionConstant    action       readonly string actionFormat      readonly string controllerMethod       public override bool IsValidName ControllerContext controllerContext  string actionName  MethodInfo methodInfo                var isValidName   false          var value   controllerContext Controller ValueProvider GetValue actionFormat            if  value    null                        controllerContext Controller ControllerContext RouteData Values actionConstant    controllerMethod              isValidName   true                    return isValidName

User · Answer

I ve created an ActionButton method for the HtmlHelper  It will generate normal input button with a bit of javascript in the OnClick event that will submit the form to the specified Controller Action   You use the helper like that   Html ActionButton  MyControllerName    MyActionName    button text     this will generate the following HTML   lt input type  button  value  button text  onclick  this form action     MyWebsiteFolder MyControllerName MyActionName   this form submit     gt    Here is the extension method code     VB Net     lt System Runtime CompilerServices Extension   gt  Function ActionButton pHtml As HtmlHelper  pAction As String  pController As String  pRouteValues As Object  pBtnValue As String  pBtnName As String  pBtnID As String  As MvcHtmlString     Dim urlHelperForActionLink As UrlHelper     Dim btnTagBuilder As TagBuilder      Dim actionLink As String     Dim onClickEventJavascript As String      urlHelperForActionLink   New UrlHelper pHtml ViewContext RequestContext      If pController  lt  gt     Then         actionLink   urlHelperForActionLink Action pAction  pController  pRouteValues      Else         actionLink   urlHelperForActionLink Action pAction  pRouteValues      End If     onClickEventJavascript    this form action       amp  actionLink  amp      this form submit          btnTagBuilder   New TagBuilder  input       btnTagBuilder MergeAttribute  type    button        btnTagBuilder MergeAttribute  onClick   onClickEventJavascript       If pBtnValue  lt  gt     Then btnTagBuilder MergeAttribute  value   pBtnValue      If pBtnName  lt  gt     Then btnTagBuilder MergeAttribute  name   pBtnName      If pBtnID  lt  gt     Then btnTagBuilder MergeAttribute  id   pBtnID       Return MvcHtmlString Create btnTagBuilder ToString TagRenderMode Normal   End Function   C   the C  code is just decompiled from the VB DLL  so it can get some beautification    but time is so short  -    public static MvcHtmlString ActionButton this HtmlHelper pHtml  string pAction  string pController  object pRouteValues  string pBtnValue  string pBtnName  string pBtnID        UrlHelper urlHelperForActionLink   new UrlHelper pHtml ViewContext RequestContext       bool flag   Operators CompareString pController      true     0      string actionLink      if  flag                actionLink   urlHelperForActionLink Action pAction  pController  System Runtime CompilerServices RuntimeHelpers GetObjectValue pRouteValues              else               actionLink   urlHelperForActionLink Action pAction  System Runtime CompilerServices RuntimeHelpers GetObjectValue pRouteValues              string onClickEventJavascript    this form action        actionLink       this form submit          TagBuilder btnTagBuilder   new TagBuilder  input        btnTagBuilder MergeAttribute  type    button        btnTagBuilder MergeAttribute  onClick   onClickEventJavascript       flag    Operators CompareString pBtnValue      true     0       if  flag                btnTagBuilder MergeAttribute  value   pBtnValue             flag    Operators CompareString pBtnName      true     0       if  flag                btnTagBuilder MergeAttribute  name   pBtnName             flag    Operators CompareString pBtnID      true     0       if  flag                btnTagBuilder MergeAttribute  id   pBtnID             return MvcHtmlString Create btnTagBuilder ToString TagRenderMode Normal        These methods have various parameters  but for the ease of use you can create some overload that take just the parameters you need

User · Answer

this is the best way that i have found   http   iwayneo blogspot co uk 2013 10 aspnet-mvc-action-selector-with-list html  Here is the code            lt summary gt          ActionMethodSelector to enable submit buttons to execute specific action methods           lt  summary gt      public class AcceptParameterAttribute   ActionMethodSelectorAttribute                   lt summary gt              Gets or sets the value to use to inject the index into              lt  summary gt         public string TargetArgument   get  set                 lt summary gt             Gets or sets the value to use in submit button to identify which method to select  This must be unique in each controller              lt  summary gt         public string Action   get  set                 lt summary gt             Gets or sets the regular expression to match the action              lt  summary gt         public string ActionRegex   get  set                 lt summary gt             Determines whether the action method selection is valid for the specified controller context              lt  summary gt              lt param name  controllerContext  gt The controller context  lt  param gt              lt param name  methodInfo  gt Information about the action method  lt  param gt              lt returns gt true if the action method selection is valid for the specified controller context  otherwise  false  lt  returns gt         public override bool IsValidForRequest ControllerContext controllerContext  MethodInfo methodInfo                       if  controllerContext    null                              throw new ArgumentNullException  controllerContext                             Func lt NameValueCollection gt  formGetter             Func lt NameValueCollection gt  queryStringGetter              ValidationUtility GetUnvalidatedCollections HttpContext Current  out formGetter  out queryStringGetter               var form   formGetter               var queryString   queryStringGetter                var req   form AllKeys Any     form   queryString              if   string IsNullOrEmpty this ActionRegex                               foreach  var key in req AllKeys Where k   gt  k StartsWith Action  true  System Threading Thread CurrentThread CurrentCulture                                        if  key Contains                                                   if  key Split      Count      this ActionRegex Split      Count                                                        bool match   false                             for  int i   0  i  lt  key Split      Count    i                                                                if  Regex IsMatch key Split      0   this ActionRegex Split      0                                                                        match   true                                                                  else                                                                     match   false                                     break                                                                                            if  match                                                              return  string IsNullOrEmpty req key                                                                                                  else                                             if  Regex IsMatch key  this Action   this ActionRegex                                                       return  string IsNullOrEmpty req key                                                                                   return false                          else                             return req AllKeys Contains this Action                                Enjoy a code-smell-less multi submit button future   thank you

User · Answer

Use a custom helper create a file  Helpers cshtml  inside the App Code folder  at the root of your project  with javascript to rewrite  at an  onclick  event  the form s  action  attribute to something you want and then submit it   The helper could be like    helper SubmitButton string text  string controller string action           var uh   new System Web Mvc UrlHelper Context Request RequestContext       string url    uh Action action  controller  null           lt input type button  onclick                                           function e                                                                                                          e  parent   attr  action     url      rewrite action url                                                      create a submit button to be clicked and removed  so that onsubmit is triggered                                                    var form   document getElementById   e  parent   attr  id                                                        var button   form ownerDocument createElement  input                                                       button style display    none                                                      button type    submit                                                      form appendChild button  click                                                        form removeChild button                                                                                                             this   value   text   gt      And then use it as    Helpers SubmitButton  Text for 1st button   ControllerForButton1   ActionForButton1    Helpers SubmitButton  Text for 2nd button   ControllerForButton2   ActionForButton2         Inside your form

User · Answer

it is short and suite      It was answered by Jeroen Dop    lt input type  submit  name  submitbutton1  value  submit1    gt   lt input type  submit  name  submitbutton2  value  submit2    gt    and do like this in code behinde   if  Request Form  submitbutton1      null           Code for function 1   else if Request Form  submitButton2      null               code for function 2     Good luck

User · Answer

Here is what works best for me    lt input type  submit  value  Delete  name  onDelete    gt   lt input type  submit  value  Save  name  onSave    gt    public ActionResult Practice MyModel model  string onSave  string onDelete        if  onDelete    null                   Delete the object                     return EmptyResult                  Save the object             return EmptyResult

User · Answer

Here is a mostly clean attribute-based solution to the multiple submit button issue based heavily on the post and comments from Maarten Balliauw    AttributeUsage AttributeTargets Method  AllowMultiple   false  Inherited   true   public class MultipleButtonAttribute   ActionNameSelectorAttribute       public string Name   get  set        public string Argument   get  set         public override bool IsValidName ControllerContext controllerContext  string actionName  MethodInfo methodInfo                var isValidName   false          var keyValue   string Format   0   1    Name  Argument           var value   controllerContext Controller ValueProvider GetValue keyValue            if  value    null                        controllerContext Controller ControllerContext RouteData Values Name    Argument              isValidName   true                     return isValidName            razor    lt form action    method  post  gt    lt input type  submit  value  Save  name  action Save    gt    lt input type  submit  value  Cancel  name  action Cancel    gt   lt  form gt    and controller    HttpPost   MultipleButton Name    action   Argument    Save    public ActionResult Save MessageModel mm            HttpPost   MultipleButton Name    action   Argument    Cancel    public ActionResult Cancel MessageModel mm            Update  Razor pages looks to provide the same functionality out of the box  For new development  it may be preferable

User · Answer

If you do not have restrictions on the use of HTML 5  you can use the  lt button gt  tag with formaction Attribute    lt form action  demo form asp  method  get  gt     First name   lt input type  text  name  fname    gt  lt br   gt     Last name   lt input type  text  name  lname    gt  lt br   gt      lt button type  submit  gt Submit lt  button gt  lt br   gt      lt button type  submit  formaction  demo admin asp  gt Submit as admin lt  button gt   lt  form gt    Reference  http   www w3schools com html5 att button formaction asp

User · Answer

it is short and suite      It was answered by Jeroen Dop    lt input type  submit  name  submitbutton1  value  submit1    gt   lt input type  submit  name  submitbutton2  value  submit2    gt    and do like this in code behinde   if  Request Form  submitbutton1      null           Code for function 1   else if Request Form  submitButton2      null               code for function 2     Good luck

User · Answer

Here s an extension method I wrote to handle multiple image and or text buttons   Here s the HTML for an image button    lt input id  btnJoin  name  Join  src   content images buttons btnJoin png          type  image  gt    or for a text submit button     lt input type  submit  class  ui-button green  name  Submit Join  value  Add to cart     gt   lt input type  submit  class  ui-button red  name  Submit Skip  value  Not today     gt    Here is the extension method you call from the controller with form GetSubmitButtonName    For image buttons it looks for a form parameter with  x  which indicates an image button was clicked  and extracts the name  For regular input buttons it looks for a name beginning with Submit  and extracts the command from afterwards  Because I m abstracting away the logic of determining the  command  you can switch between image   text buttons on the client without changing the server side code   public static class FormCollectionExtensions       public static string GetSubmitButtonName this FormCollection formCollection                return GetSubmitButtonName formCollection  true              public static string GetSubmitButtonName this FormCollection formCollection  bool throwOnError                var imageButton   formCollection Keys OfType lt string gt    Where x   gt  x EndsWith   x    SingleOrDefault            var textButton   formCollection Keys OfType lt string gt    Where x   gt  x StartsWith  Submit     SingleOrDefault             if  textButton    null                        return textButton Substring  Submit   Length                         we got something like AddToCart x         if  imageButton    null                        return imageButton Substring 0  imageButton Length - 2                      if  throwOnError                        throw new ApplicationException  No button found                      else                       return null                      Note  For text buttons you have to prefix the name with Submit   I prefer this way becuase it means you can change the text  display  value without having to change the code  Unlike SELECT elements  an INPUT button has only a  value  and no separate  text  attribute  My buttons say different things under different contexts - but map to the same  command   I much prefer extracting the name this way than having to code for     Add to cart

User · Answer

There are three ways by which you can solve the above issue   HTML way Jquery way    ActionNameSelectorAttribute    way   Below is a video which summarizes all the three approaches in a demonstrative way   https   www facebook com shivprasad koirala videos vb 100002224977742 809335512483940  HTML way  -  In the HTML way we need to create two forms and place the    Submit    button inside each of the forms  And every form   s action will point to different   respective actions  You can see the below code the first form is posting to    Action1    and the second form will post to    Action2    depending on which    Submit    button is clicked    lt form action  Action1  method post gt   lt input type    submit    name    Submit1     gt   lt  form gt    lt form action  Action2  method post gt   lt input type    submit    name    Submit2    gt   lt  form gt    Ajax way  -  In case you are a  Ajax lover this second option would excite you more  In the Ajax way we can create two different functions    Fun1    and    Fun1      see the below code  These functions will make Ajax calls by using JQUERY or any other framework  Each of these functions are binded with the    Submit    button   s    OnClick    events  Each of these function make call to respective action names    lt Script language  javascript  gt  function Fun1       post     Action1    null CallBack1     function Fun2       post     Action2    null CallBack2      lt  Script gt    lt form action   Action1  method post gt   lt input type submit name sub1 onclick    Fun2       gt   lt  form gt   lt form action   Action2  method post gt   lt input type submit name sub2 onclick    Fun1       gt   lt  form gt    Using    ActionNameSelectorAttribute    -   This is a great and a clean option  The    ActionNameSelectorAttribute    is a simple attribute class where we can write decision making logic which will decide which action can be executed   So the first thing is in HTML we need to put proper name   s to the submit buttons for identifying them on the server    You can see we have put    Save    and    Delete    to the button names  Also you can notice in the action we have just put controller name    Customer    and not a particular action name  We expect the action name will be decide by    ActionNameSelectorAttribute       lt form action    Customer    method post gt   lt input type submit value  Save  name  Save    gt   lt br   gt   lt input type submit value  Delete  name  Delete   gt   lt  form gt    So when the submit button is clicked   it first hits the    ActionNameSelector    attribute and then depending on which submit is fired it invokes the appropriate action     So the first step is to create  a class which inherits from    ActionNameSelectorAttribute    class  In this class we have created a simple property    Name      We also need to override the    IsValidName    function which returns true or flase  This function is where we write the logic whether an action has to be executed or not  So if this function returns true then the action is executed or else it is not   public class SubmitButtonSelector   ActionNameSelectorAttribute               public string Name   get  set            public override bool IsValidName ControllerContext controllerContext  string actionName  System Reflection MethodInfo methodInfo                           Try to find out if the name exists in the data sent from form var value   controllerContext Controller ValueProvider GetValue Name               if  value    null                                return true                            return false                     The main heart of the above function is in the below code  The    ValueProvider    collection has all the data that has been posted from the form  So it first looks up the    Name    value and if its  found in the HTTP request it returns true or else it returns false   var value   controllerContext Controller ValueProvider GetValue Name   if  value    null                  return true                return false    This attribute class can then decorated on the respective action and the respective    Name    value can be provided  So if the submit is hitting this action and if the name matches of  the HTML submit button name it then executes the action further or else it does not   public class CustomerController   Controller            SubmitButtonSelector Name  Save            public ActionResult Save                         return Content  Save Called                       SubmitButtonSelector Name    Delete            public ActionResult Delete                         return Content  Delete Called

User · Answer

My Solution was to use 2 asp panels    lt asp Panel ID          DefaultButton    ID OF SHIPPING SUBMIT BUTTON        gt  lt  asp Panel gt

User · Answer

this is the best way that i have found   http   iwayneo blogspot co uk 2013 10 aspnet-mvc-action-selector-with-list html  Here is the code            lt summary gt          ActionMethodSelector to enable submit buttons to execute specific action methods           lt  summary gt      public class AcceptParameterAttribute   ActionMethodSelectorAttribute                   lt summary gt              Gets or sets the value to use to inject the index into              lt  summary gt         public string TargetArgument   get  set                 lt summary gt             Gets or sets the value to use in submit button to identify which method to select  This must be unique in each controller              lt  summary gt         public string Action   get  set                 lt summary gt             Gets or sets the regular expression to match the action              lt  summary gt         public string ActionRegex   get  set                 lt summary gt             Determines whether the action method selection is valid for the specified controller context              lt  summary gt              lt param name  controllerContext  gt The controller context  lt  param gt              lt param name  methodInfo  gt Information about the action method  lt  param gt              lt returns gt true if the action method selection is valid for the specified controller context  otherwise  false  lt  returns gt         public override bool IsValidForRequest ControllerContext controllerContext  MethodInfo methodInfo                       if  controllerContext    null                              throw new ArgumentNullException  controllerContext                             Func lt NameValueCollection gt  formGetter             Func lt NameValueCollection gt  queryStringGetter              ValidationUtility GetUnvalidatedCollections HttpContext Current  out formGetter  out queryStringGetter               var form   formGetter               var queryString   queryStringGetter                var req   form AllKeys Any     form   queryString              if   string IsNullOrEmpty this ActionRegex                               foreach  var key in req AllKeys Where k   gt  k StartsWith Action  true  System Threading Thread CurrentThread CurrentCulture                                        if  key Contains                                                   if  key Split      Count      this ActionRegex Split      Count                                                        bool match   false                             for  int i   0  i  lt  key Split      Count    i                                                                if  Regex IsMatch key Split      0   this ActionRegex Split      0                                                                        match   true                                                                  else                                                                     match   false                                     break                                                                                            if  match                                                              return  string IsNullOrEmpty req key                                                                                                  else                                             if  Regex IsMatch key  this Action   this ActionRegex                                                       return  string IsNullOrEmpty req key                                                                                   return false                          else                             return req AllKeys Contains this Action                                Enjoy a code-smell-less multi submit button future   thank you

User · Answer

Just written a post about that  Multiple submit buttons with ASP NET MVC   Basically  instead of using ActionMethodSelectorAttribute  I am using ActionNameSelectorAttribute  which allows me to pretend the action name is whatever I want it to be  Fortunately  ActionNameSelectorAttribute does not just make me specify action name  instead I can choose whether the current action matches request    So there is my class  btw I am not too fond of the name      public class HttpParamActionAttribute   ActionNameSelectorAttribute       public override bool IsValidName ControllerContext controllerContext  string actionName  MethodInfo methodInfo            if  actionName Equals methodInfo Name  StringComparison InvariantCultureIgnoreCase               return true           if   actionName Equals  Action   StringComparison InvariantCultureIgnoreCase               return false           var request   controllerContext RequestContext HttpContext Request          return request methodInfo Name     null             To use just define a form like this    lt   using  Html BeginForm  Action    Post        gt     lt         form fields    -- gt     lt input type  submit  name  saveDraft  value  Save Draft    gt     lt input type  submit  name  publish  value  Publish    gt   lt       gt     and controller with two methods    public class PostController   Controller        HttpParamAction       AcceptVerbs HttpVerbs Post       public ActionResult SaveDraft                                  HttpParamAction       AcceptVerbs HttpVerbs Post       public ActionResult Publish                                 As you see  the attribute does not require you to specify anything at all  Also  name of the buttons are translated directly to the method names  Additionally  I haven   t tried that  these should work as normal actions as well  so you can post to any of them directly

User · Answer

I ve came across this  problem  as well but found a rather logical solution by adding the name attribute  I couldn t recall having this problem in other languages   http   www w3 org TR html401 interact forms html h-17 13 2       If a form contains more than one submit button  only the activated submit button is successful        Meaning the following code value attributes can be changed  localized  internationalized without the need for extra code checking strongly-typed resources files or constants    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  send  value  Send    gt   lt input type  submit  name  cancel  value  Cancel    gt   lt input type  submit  name  draft  value  Save as draft    gt   lt   Html EndForm      gt     On the receiving end you would only need to check if any of your known submit types isn t null  public ActionResult YourAction YourModel model         if Request  send      null                we got a send       else if Request  cancel                  we got a cancel  but would you really want to post data for this        else if Request  draft                  we got a draft

User · Answer

You should be able to name the buttons and give them a value  then map this name as an argument to the action  Alternatively  use 2 separate action-links or 2 forms

User · Answer

You could write    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Send    gt   lt input type  submit  name  button  value  Cancel    gt   lt   Html EndForm      gt    And then in the page check if the name     Send  or name     Cancel

User · Answer

David Findley writes about 3 different options you have for doing this  on his ASP Net weblog    Read the article multiple buttons in the same form to see his solutions  and the advantages and disadvantages of each  IMHO he provides a very elegant solution which makes use of attributes that you decorate your action with

User · Answer

Here s an extension method I wrote to handle multiple image and or text buttons   Here s the HTML for an image button    lt input id  btnJoin  name  Join  src   content images buttons btnJoin png          type  image  gt    or for a text submit button     lt input type  submit  class  ui-button green  name  Submit Join  value  Add to cart     gt   lt input type  submit  class  ui-button red  name  Submit Skip  value  Not today     gt    Here is the extension method you call from the controller with form GetSubmitButtonName    For image buttons it looks for a form parameter with  x  which indicates an image button was clicked  and extracts the name  For regular input buttons it looks for a name beginning with Submit  and extracts the command from afterwards  Because I m abstracting away the logic of determining the  command  you can switch between image   text buttons on the client without changing the server side code   public static class FormCollectionExtensions       public static string GetSubmitButtonName this FormCollection formCollection                return GetSubmitButtonName formCollection  true              public static string GetSubmitButtonName this FormCollection formCollection  bool throwOnError                var imageButton   formCollection Keys OfType lt string gt    Where x   gt  x EndsWith   x    SingleOrDefault            var textButton   formCollection Keys OfType lt string gt    Where x   gt  x StartsWith  Submit     SingleOrDefault             if  textButton    null                        return textButton Substring  Submit   Length                         we got something like AddToCart x         if  imageButton    null                        return imageButton Substring 0  imageButton Length - 2                      if  throwOnError                        throw new ApplicationException  No button found                      else                       return null                      Note  For text buttons you have to prefix the name with Submit   I prefer this way becuase it means you can change the text  display  value without having to change the code  Unlike SELECT elements  an INPUT button has only a  value  and no separate  text  attribute  My buttons say different things under different contexts - but map to the same  command   I much prefer extracting the name this way than having to code for     Add to cart

User · Answer

I don t have enough rep to comment in the correct place  but I spent all day on this so want to share   While trying to implement the  MultipleButtonAttribute  solution ValueProvider GetValue keyValue  would incorrectly come back null   It turned out I was referencing System Web MVC version 3 0 when it should have been 4 0  other assemblies are 4 0   I don t know why my project didn t upgrade correctly and I had no other obvious problems   So if your ActionNameSelectorAttribute is not working    check that

User · Answer

Just written a post about that  Multiple submit buttons with ASP NET MVC   Basically  instead of using ActionMethodSelectorAttribute  I am using ActionNameSelectorAttribute  which allows me to pretend the action name is whatever I want it to be  Fortunately  ActionNameSelectorAttribute does not just make me specify action name  instead I can choose whether the current action matches request    So there is my class  btw I am not too fond of the name      public class HttpParamActionAttribute   ActionNameSelectorAttribute       public override bool IsValidName ControllerContext controllerContext  string actionName  MethodInfo methodInfo            if  actionName Equals methodInfo Name  StringComparison InvariantCultureIgnoreCase               return true           if   actionName Equals  Action   StringComparison InvariantCultureIgnoreCase               return false           var request   controllerContext RequestContext HttpContext Request          return request methodInfo Name     null             To use just define a form like this    lt   using  Html BeginForm  Action    Post        gt     lt         form fields    -- gt     lt input type  submit  name  saveDraft  value  Save Draft    gt     lt input type  submit  name  publish  value  Publish    gt   lt       gt     and controller with two methods    public class PostController   Controller        HttpParamAction       AcceptVerbs HttpVerbs Post       public ActionResult SaveDraft                                  HttpParamAction       AcceptVerbs HttpVerbs Post       public ActionResult Publish                                 As you see  the attribute does not require you to specify anything at all  Also  name of the buttons are translated directly to the method names  Additionally  I haven   t tried that  these should work as normal actions as well  so you can post to any of them directly

User · Answer

I would suggest interested parties have a look at Maarten Balliauw s solution  I think it is very elegant   In case the link dissapears  it s using the MultiButton attribute applied to a controller action to indicate which button click that action should relate to

User · Answer

Eilon suggests you can do it like this      If you have more than one button you   can distinguish between them by giving   each button a name    lt input type  submit  name  SaveButton  value  Save data    gt   lt input type  submit  name  CancelButton  value  Cancel and go back to main page    gt        In your controller action method you   can add parameters named after the   HTML input tag names   public ActionResult DoSomeStuff string saveButton  string cancelButton      other parameters                    If any value gets posted to one of   those parameters  that means that   button was the one that got clicked    The web browser will only post a value   for the one button that got clicked    All other values will be null   if  saveButton    null       do save logic      if  cancelButton    null       do cancel logic         I like this method as it does not rely on the value property of the submit buttons which is more likely to change than the assigned names and doesn t require javascript to be enabled  See  http   forums asp net p 1369617 2865166 aspx 2865166

User · Answer

This script allows to specify a data-form-action attribute which will work as the HTML5 formaction attribute in all browsers  in an unobtrusive way      document  on  click     type  submit   data-form-action    function event        var  this     this       var formAction    this attr  data-form-action         form      this closest  form          form attr  action   formAction                      The form containing the button will be posted to the URL specified in the data-form-action attribute    lt button type  submit  data-form-action  different url  gt Submit lt  button gt       This requires jQuery 1 7  For previous versions you should use live   instead of on

User · Answer

In View the code is    lt script language  javascript  type  text javascript  gt      function SubmeterForm id                if  id   btnOk               document forms 0  submit id           else             document forms 1  submit id          lt  script gt     lt   Html BeginForm  ObterNomeBotaoClicado 1    Teste01   FormMethod Post     gt   lt input id  btnOk  type  button  value  Ok  onclick  javascript SubmeterForm  btnOk      gt   lt   Html EndForm      gt   lt   Html BeginForm  ObterNomeBotaoClicado 2    Teste01   FormMethod Post     gt   lt input id  btnCancelar  type  button  value  Cancelar  onclick  javascript SubmeterForm  btnCancelar      gt   lt   Html EndForm      gt    In Controller the code is   public ActionResult ObterNomeBotaoClicado string id        if  id   1           btnOkFunction           else         btnCancelarFunction           return View

User · Answer

model     public class input element                    public string Btn   get  set                    views--submit btn can be input type also         using  Html BeginForm                       lt button type  submit  name  btn  value  verify  gt               Verify data lt  button gt               lt button type  submit  name  btn  value  save  gt               Save data lt  button gt                   lt button type  submit  name  btn  value  redirect  gt                   Redirect lt  button gt           controller      public ActionResult About                         ViewBag Message    Your app description page                return View                        HttpPost          public ActionResult About input element model                            if  model Btn     verify                                        the Verify button was clicked                                   else if  model Btn     save                                        the Save button was clicked                                    else if  model Btn     redirect                                        the Redirect button was clicked                                    return View

User · Answer

When using ajax forms  we can use ActionLinks with POST HttpMethod and  serialize the form in the AjaxOptions OnBegin event     Let s say you have two actions  InsertAction and UpdateAction    lt form gt       Html Hidden  SomeField    SomeValue         Ajax ActionLink           Insert            InsertAction           null          new AjaxOptions                OnBegin    OnBegin                UpdateTargetId    yourDiv                HttpMethod    POST          Ajax ActionLink           Update            UpdateAction           null          new AjaxOptions                OnBegin    OnBegin                UpdateTargetId    yourDiv                HttpMethod    POST      lt  form gt    Javascript  function OnBegin xhr  settings        settings data      form   serialize

User · Answer

Give your submit buttons a name  and then inspect the submitted value in your controller method    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  submitButton  value  Send    gt   lt input type  submit  name  submitButton  value  Cancel    gt   lt   Html EndForm      gt    posting to  public class MyController   Controller       public ActionResult MyAction string submitButton            switch submitButton                case  Send                      delegate sending to another controller action                 return Send                 case  Cancel                      call another action to perform the cancellation                 return Cancel                 default                     If they ve submitted the form without a submitButton                      just return the view again                  return View                          private ActionResult Cancel                process the cancellation request here          return View  Cancelled                private ActionResult Send                perform the actual send operation here          return View  SendConfirmed                EDIT   To extend this approach to work with localized sites  isolate your messages somewhere else  e g  compiling a resource file to a strongly-typed resource class   Then modify the code so it works like    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  submitButton  value   lt    Html Encode Resources Messages Send   gt     gt   lt input type  submit  name  submitButton  value   lt   Html Encode Resources Messages Cancel   gt     gt   lt   Html EndForm      gt    and your controller should look like this      Note that the localized resources aren t constants  so     we can t use a switch statement   if  submitButton    Resources Messages Send            delegate sending to another controller action     return Send        else if  submitButton    Resources Messages Cancel            call another action to perform the cancellation      return Cancel

User · Answer

There are three ways by which you can solve the above issue   HTML way Jquery way    ActionNameSelectorAttribute    way   Below is a video which summarizes all the three approaches in a demonstrative way   https   www facebook com shivprasad koirala videos vb 100002224977742 809335512483940  HTML way  -  In the HTML way we need to create two forms and place the    Submit    button inside each of the forms  And every form   s action will point to different   respective actions  You can see the below code the first form is posting to    Action1    and the second form will post to    Action2    depending on which    Submit    button is clicked    lt form action  Action1  method post gt   lt input type    submit    name    Submit1     gt   lt  form gt    lt form action  Action2  method post gt   lt input type    submit    name    Submit2    gt   lt  form gt    Ajax way  -  In case you are a  Ajax lover this second option would excite you more  In the Ajax way we can create two different functions    Fun1    and    Fun1      see the below code  These functions will make Ajax calls by using JQUERY or any other framework  Each of these functions are binded with the    Submit    button   s    OnClick    events  Each of these function make call to respective action names    lt Script language  javascript  gt  function Fun1       post     Action1    null CallBack1     function Fun2       post     Action2    null CallBack2      lt  Script gt    lt form action   Action1  method post gt   lt input type submit name sub1 onclick    Fun2       gt   lt  form gt   lt form action   Action2  method post gt   lt input type submit name sub2 onclick    Fun1       gt   lt  form gt    Using    ActionNameSelectorAttribute    -   This is a great and a clean option  The    ActionNameSelectorAttribute    is a simple attribute class where we can write decision making logic which will decide which action can be executed   So the first thing is in HTML we need to put proper name   s to the submit buttons for identifying them on the server    You can see we have put    Save    and    Delete    to the button names  Also you can notice in the action we have just put controller name    Customer    and not a particular action name  We expect the action name will be decide by    ActionNameSelectorAttribute       lt form action    Customer    method post gt   lt input type submit value  Save  name  Save    gt   lt br   gt   lt input type submit value  Delete  name  Delete   gt   lt  form gt    So when the submit button is clicked   it first hits the    ActionNameSelector    attribute and then depending on which submit is fired it invokes the appropriate action     So the first step is to create  a class which inherits from    ActionNameSelectorAttribute    class  In this class we have created a simple property    Name      We also need to override the    IsValidName    function which returns true or flase  This function is where we write the logic whether an action has to be executed or not  So if this function returns true then the action is executed or else it is not   public class SubmitButtonSelector   ActionNameSelectorAttribute               public string Name   get  set            public override bool IsValidName ControllerContext controllerContext  string actionName  System Reflection MethodInfo methodInfo                           Try to find out if the name exists in the data sent from form var value   controllerContext Controller ValueProvider GetValue Name               if  value    null                                return true                            return false                     The main heart of the above function is in the below code  The    ValueProvider    collection has all the data that has been posted from the form  So it first looks up the    Name    value and if its  found in the HTTP request it returns true or else it returns false   var value   controllerContext Controller ValueProvider GetValue Name   if  value    null                  return true                return false    This attribute class can then decorated on the respective action and the respective    Name    value can be provided  So if the submit is hitting this action and if the name matches of  the HTML submit button name it then executes the action further or else it does not   public class CustomerController   Controller            SubmitButtonSelector Name  Save            public ActionResult Save                         return Content  Save Called                       SubmitButtonSelector Name    Delete            public ActionResult Delete                         return Content  Delete Called

User · Answer

Index cshtml       using  Html BeginForm  Index    Home   FormMethod Post  new   id    submitForm                   button type  submit  id  btnApprove  name  Command  value  Approve   Approve       button type  submit  id  btnReject  name  Command  value  Reject   Reject            public class HomeController   Controller       public ActionResult Index                 return View                HttpPost      public ActionResult Index FormCollection frm  string Command                if  Command     Approve                                else if  Command     Reject                                 return View

User · Answer

HttpPost  public ActionResult ConfirmMobile string nameValueResend  string nameValueSubmit  RegisterModel model                var button   nameValueResend    nameValueSubmit          if  button     Resend                                else                                  Razor file Content       using  Html BeginForm                  lt div class  page registration-result-page  gt                lt div class  page-title  gt                   lt h1 gt  Confirm Mobile Number lt  h1 gt               lt  div gt                lt div class  result  gt                   Html EditorFor model   gt  model VefificationCode                   Html LabelFor model   gt  model VefificationCode  new                       Html ValidationMessageFor model   gt  model VefificationCode               lt  div gt               lt div class  buttons  gt                   lt button type  submit  class  btn  name  nameValueResend  value  Resend  gt                      Resend                  lt  button gt                   lt button type  submit  class  btn  name  nameValueSubmit  value  Verify  gt                      Submit                  lt  button gt                lt  div gt               lt  div gt

User · Answer

Modified version of HttpParamActionAttribute method but with a bug fix for not causing an error on expired invalid session postbacks  To see if this is a problem with your current site  open the your form in a window and just before you go to click Save or Publish  open a duplicate window  and logout  Now go back to your first window and try to submit your form using either button  For me I got an error so this change solves that problem for me  I omit a bunch of stuff for the sake of brevity but you should get the idea  The key parts are the inclusion of ActionName on the attribute and making sure the name passed in is the name of the View that shows the form  Attribute Class   AttributeUsage AttributeTargets Method  AllowMultiple   false  Inherited   true   public class HttpParamActionAttribute   ActionNameSelectorAttribute       private readonly string actionName       public HttpParamActionAttribute string actionName                this actionName   actionName             public override bool IsValidName ControllerContext controllerContext  string actionName  MethodInfo methodInfo                if  actionName Equals methodInfo Name  StringComparison InvariantCultureIgnoreCase               return true           if   actionName Equals this actionName  StringComparison InvariantCultureIgnoreCase               return false           var request   controllerContext RequestContext HttpContext Request          return request methodInfo Name     null            Controller   Authorize Roles  CanAddContent    public ActionResult CreateContent Guid contentOwnerId        var viewModel   new ContentViewModel               ContentOwnerId   contentOwnerId           populate rest of view model           return View  CreateContent   viewModel       Authorize Roles  CanAddContent    HttpPost  HttpParamAction  CreateContent    ValidateAntiForgeryToken  public ActionResult SaveDraft ContentFormModel model          Save as draft     return RedirectToAction  CreateContent        Authorize Roles  CanAddContent    HttpPost  HttpParamAction  CreateContent    ValidateAntiForgeryToken  public ActionResult Publish ContentFormModel model          publish content     return RedirectToAction  CreateContent        View   using  Ajax BeginForm  CreateContent    MyController   new   contentOwnerId   Model ContentOwnerId            Html AntiForgeryToken        Html HiddenFor x   gt  x ContentOwnerId        lt  -- Rest of your form controls -- gt       lt input name  SaveDraft  type  submit  value  SaveDraft    gt       lt input name  Publish  type  submit  value  Publish    gt

User · Answer

Here is a mostly clean attribute-based solution to the multiple submit button issue based heavily on the post and comments from Maarten Balliauw    AttributeUsage AttributeTargets Method  AllowMultiple   false  Inherited   true   public class MultipleButtonAttribute   ActionNameSelectorAttribute       public string Name   get  set        public string Argument   get  set         public override bool IsValidName ControllerContext controllerContext  string actionName  MethodInfo methodInfo                var isValidName   false          var keyValue   string Format   0   1    Name  Argument           var value   controllerContext Controller ValueProvider GetValue keyValue            if  value    null                        controllerContext Controller ControllerContext RouteData Values Name    Argument              isValidName   true                     return isValidName            razor    lt form action    method  post  gt    lt input type  submit  value  Save  name  action Save    gt    lt input type  submit  value  Cancel  name  action Cancel    gt   lt  form gt    and controller    HttpPost   MultipleButton Name    action   Argument    Save    public ActionResult Save MessageModel mm            HttpPost   MultipleButton Name    action   Argument    Cancel    public ActionResult Cancel MessageModel mm            Update  Razor pages looks to provide the same functionality out of the box  For new development  it may be preferable

User · Answer

My Solution was to use 2 asp panels    lt asp Panel ID          DefaultButton    ID OF SHIPPING SUBMIT BUTTON        gt  lt  asp Panel gt

User · Answer

Eilon suggests you can do it like this      If you have more than one button you   can distinguish between them by giving   each button a name    lt input type  submit  name  SaveButton  value  Save data    gt   lt input type  submit  name  CancelButton  value  Cancel and go back to main page    gt        In your controller action method you   can add parameters named after the   HTML input tag names   public ActionResult DoSomeStuff string saveButton  string cancelButton      other parameters                    If any value gets posted to one of   those parameters  that means that   button was the one that got clicked    The web browser will only post a value   for the one button that got clicked    All other values will be null   if  saveButton    null       do save logic      if  cancelButton    null       do cancel logic         I like this method as it does not rely on the value property of the submit buttons which is more likely to change than the assigned names and doesn t require javascript to be enabled  See  http   forums asp net p 1369617 2865166 aspx 2865166

User · Answer

I don t have enough rep to comment in the correct place  but I spent all day on this so want to share   While trying to implement the  MultipleButtonAttribute  solution ValueProvider GetValue keyValue  would incorrectly come back null   It turned out I was referencing System Web MVC version 3 0 when it should have been 4 0  other assemblies are 4 0   I don t know why my project didn t upgrade correctly and I had no other obvious problems   So if your ActionNameSelectorAttribute is not working    check that

User · Answer

I ve came across this  problem  as well but found a rather logical solution by adding the name attribute  I couldn t recall having this problem in other languages   http   www w3 org TR html401 interact forms html h-17 13 2       If a form contains more than one submit button  only the activated submit button is successful        Meaning the following code value attributes can be changed  localized  internationalized without the need for extra code checking strongly-typed resources files or constants    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  send  value  Send    gt   lt input type  submit  name  cancel  value  Cancel    gt   lt input type  submit  name  draft  value  Save as draft    gt   lt   Html EndForm      gt     On the receiving end you would only need to check if any of your known submit types isn t null  public ActionResult YourAction YourModel model         if Request  send      null                we got a send       else if Request  cancel                  we got a cancel  but would you really want to post data for this        else if Request  draft                  we got a draft

User · Answer

You can check the name in the action as has been mentioned  but you might consider whether or not this is good design   It is a good idea to consider the responsibility of the action and not couple this design too much to UI aspects like button names   So consider using 2 forms and 2 actions    lt   Html BeginForm  Send    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Send    gt   lt   Html EndForm      gt    lt   Html BeginForm  Cancel    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Cancel    gt   lt   Html EndForm      gt    Also  in the case of  Cancel   you are usually just not processing the form and are going to a new URL   In this case you do not need to submit the form at all and just need a link    lt   Html ActionLink  Cancel    List    MyController     gt

User · Answer

You can check the name in the action as has been mentioned  but you might consider whether or not this is good design   It is a good idea to consider the responsibility of the action and not couple this design too much to UI aspects like button names   So consider using 2 forms and 2 actions    lt   Html BeginForm  Send    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Send    gt   lt   Html EndForm      gt    lt   Html BeginForm  Cancel    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Cancel    gt   lt   Html EndForm      gt    Also  in the case of  Cancel   you are usually just not processing the form and are going to a new URL   In this case you do not need to submit the form at all and just need a link    lt   Html ActionLink  Cancel    List    MyController     gt

User · Answer

David Findley writes about 3 different options you have for doing this  on his ASP Net weblog    Read the article multiple buttons in the same form to see his solutions  and the advantages and disadvantages of each  IMHO he provides a very elegant solution which makes use of attributes that you decorate your action with

User · Answer

This script allows to specify a data-form-action attribute which will work as the HTML5 formaction attribute in all browsers  in an unobtrusive way      document  on  click     type  submit   data-form-action    function event        var  this     this       var formAction    this attr  data-form-action         form      this closest  form          form attr  action   formAction                      The form containing the button will be posted to the URL specified in the data-form-action attribute    lt button type  submit  data-form-action  different url  gt Submit lt  button gt       This requires jQuery 1 7  For previous versions you should use live   instead of on

User · Answer

This is the technique I d use and I don t see it here yet  The link  posted by Saajid Ismail   that inspires this solution is http   weblogs asp net dfindley archive 2009 05 31 asp-net-mvc-multiple-buttons-in-the-same-form aspx   It adapts Dylan Beattie s answer to do localization without any problems   In the View    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt button name  button  value  send  gt  lt    Resources Messages Send   gt  lt  button gt   lt button name  button  value  cancel  gt  lt    Resources Messages Cancel   gt  lt  button gt   lt   Html EndForm      gt    In the Controller   public class MyController   Controller        public ActionResult MyAction string button                 switch button                          case  send                    this DoSend                     break               case  cancel                    this DoCancel                     break

User · Answer

You could write    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Send    gt   lt input type  submit  name  button  value  Cancel    gt   lt   Html EndForm      gt    And then in the page check if the name     Send  or name     Cancel

User · Answer

Here is what works best for me    lt input type  submit  value  Delete  name  onDelete    gt   lt input type  submit  value  Save  name  onSave    gt    public ActionResult Practice MyModel model  string onSave  string onDelete        if  onDelete    null                   Delete the object                     return EmptyResult                  Save the object             return EmptyResult

User · Answer

You could write    lt   Html BeginForm  MyAction    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Send    gt   lt input type  submit  name  button  value  Cancel    gt   lt   Html EndForm      gt    And then in the page check if the name     Send  or name     Cancel

User · Answer

My JQuery approach using an extension method   public static MvcHtmlString SubmitButtonFor lt TController gt  this HtmlHelper helper  Expression lt Action lt TController gt  gt  action  string value  where TController   Controller       RouteValueDictionary routingValues   Microsoft Web Mvc Internal ExpressionHelper GetRouteValuesFromExpression action        var onclick   string Format     form   first   attr  action      0      string Join      routingValues Values ToArray   Where x   gt  x    null  Select x   gt  x ToString    ToArray          var html     lt input type   submit   value       value       onclick       onclick         gt         return MvcHtmlString Create html       You can use it like this     Html SubmitButtonFor lt FooController gt  c   gt  c Save null    Save      And it renders like this    lt input type  submit  value  Save  onclick     form   first   attr  action     Foo Save     gt

User · Answer

In View the code is    lt script language  javascript  type  text javascript  gt      function SubmeterForm id                if  id   btnOk               document forms 0  submit id           else             document forms 1  submit id          lt  script gt     lt   Html BeginForm  ObterNomeBotaoClicado 1    Teste01   FormMethod Post     gt   lt input id  btnOk  type  button  value  Ok  onclick  javascript SubmeterForm  btnOk      gt   lt   Html EndForm      gt   lt   Html BeginForm  ObterNomeBotaoClicado 2    Teste01   FormMethod Post     gt   lt input id  btnCancelar  type  button  value  Cancelar  onclick  javascript SubmeterForm  btnCancelar      gt   lt   Html EndForm      gt    In Controller the code is   public ActionResult ObterNomeBotaoClicado string id        if  id   1           btnOkFunction           else         btnCancelarFunction           return View

User · Answer

You can check the name in the action as has been mentioned  but you might consider whether or not this is good design   It is a good idea to consider the responsibility of the action and not couple this design too much to UI aspects like button names   So consider using 2 forms and 2 actions    lt   Html BeginForm  Send    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Send    gt   lt   Html EndForm      gt    lt   Html BeginForm  Cancel    MyController   FormMethod Post     gt   lt input type  submit  name  button  value  Cancel    gt   lt   Html EndForm      gt    Also  in the case of  Cancel   you are usually just not processing the form and are going to a new URL   In this case you do not need to submit the form at all and just need a link    lt   Html ActionLink  Cancel    List    MyController     gt

User · Answer

For each submit button just add          btnSelector   click function              form   attr  action     Your Action           form   submit

User · Answer

For each submit button just add          btnSelector   click function              form   attr  action     Your Action           form   submit

User · Answer

If your browser supports the attribute formaction for input buttons  IE 10   not sure about other browsers  then the following should work    using  Html BeginForm           put form inputs here   lt input id  sendBtn  value  Send  type  submit  formaction   Url Action  Name Of Send Action      gt    lt input id  cancelBtn  value  Cancel  type  submit  formaction   Url Action  Name of Cancel Action     gt

User · Answer

Based on mkozicki answer I come up with a bit different solution  I still use ActionNameSelectorAttribute But I needed to handle two buttons  Save  and  Sync   They do almost the same so I didn t want to have two actions    attribute   public class MultipleButtonActionAttribute   ActionNameSelectorAttribute               private readonly List lt string gt  AcceptedButtonNames       public MultipleButtonActionAttribute params string   acceptedButtonNames                AcceptedButtonNames   acceptedButtonNames ToList               public override bool IsValidName ControllerContext controllerContext  string actionName  MethodInfo methodInfo                            foreach  var acceptedButtonName in AcceptedButtonNames                        var button   controllerContext Controller ValueProvider GetValue acceptedButtonName               if  button    null                                continue                                            controllerContext Controller ControllerContext RouteData Values Add  ButtonName   acceptedButtonName               return true                    return false            view   lt input type  submit  value  Save  name  Save    gt   lt input type  submit  value  Save and Sync  name  Sync    gt    controller    MultipleButtonAction  Save    Sync     public ActionResult Sync OrgSynchronizationEditModel model          var btn   this RouteData Values  ButtonName      I also want to point out that if actions do different things I would probably follow mkozicki post

User · Answer

I would suggest interested parties have a look at Maarten Balliauw s solution  I think it is very elegant   In case the link dissapears  it s using the MultiButton attribute applied to a controller action to indicate which button click that action should relate to

[c#] How do you handle multiple submit buttons in ASP.NET MVC Framework?

Examples related to c#

Examples related to html

Examples related to asp.net-mvc

Examples related to http-post

Examples related to form-submit