How to use multiple submit buttons in ASP.NET MVC

Question

I use this code in a view:

<button type="submit" name="SB1" value="submit1"><i class="fa fa-save"> Save</button>
<button type="submit" name="SB1" value="submit2"><i class="fa fa-update"> Update</button>

, and this code in a controller:

[HttpPost]
public ActionResult AddUser(string SB1) {
    switch(SB1) {
        case "submit1":
            // my code..
        case "submit2":
            // my code..
    }
}

However, SB1 string is null. also, I want use button not use input tag because I use string and fa icon in button value.

Does this answer your question? How do you handle multiple submit buttons in ASP.NET MVC Framework? — Arijit Mukherjee
– Arijit Mukherjee, Commented Dec 10, 2019 at 7:57

ankitkanojia · Accepted Answer · 2019-12-10 08:21:03Z

4

[HttpPost]
public ActionResult AddUser(string SB1) {
    switch(SB1) {
        case "submit1":
            // my code..
        case "submit2":
            // my code..
    }
    return View();
}

<form method="post" action="@Url.Action('AddUser')">
  <button type="submit" name="SB1" value="submit1"><i class="fa fa-save"> Save</button>
  <button type="submit" name="SB1" value="submit2"><i class="fa fa-update"> Update</button>
</form>

By this way, You will get appropriate name of button being click.

answered Dec 10, 2019 at 8:21

ankitkanojia

3,1224 gold badges24 silver badges37 bronze badges

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

3 Comments

mishi caro Over a year ago

I use this and send null SB1 value.

ankitkanojia Over a year ago

@mishicaro, i don't know but its tottaly worked here, even i create sample project for this issue which is work as expected related to you're requirement.

ankitkanojia Over a year ago

i don't know why, but let me try to upload same thing on other source so that we both can verify this functionality

Nguyễn Văn Phong · Accepted Answer · 2019-12-10 07:51:43Z

2

You can try this

<button type="button" onclick="location.href='@Url.Action("YourAction", "YourController")'"><i class="fa fa-save"></button>

YourAction: AddUser / UpdateUser

answered Dec 10, 2019 at 7:51

Nguyễn Văn Phong

14.2k19 gold badges47 silver badges65 bronze badges

4 Comments

mishi caro Over a year ago

I want use one action not multi action, so use Url.Action("YourAction", "YourController", new {SB1 = "submit1"}) in onclick event button. but send null SB1 in action.

Nguyễn Văn Phong Over a year ago

So you need to use Ajax: c-sharpcorner.com/blogs/…

mishi caro Over a year ago

Is there a solution other than Ajax?

Nguyễn Văn Phong Over a year ago

You should separate into 2 actions to follow SRP principle: deviq.com/single-responsibility-principle

Nathan Miller · Accepted Answer · 2019-12-13 05:24:14Z

2

Doesn't a POST return either a model or a FormCollection?

[HttpPost]
public ActionResult AddUser(FormCollection form) 
{
    string SB1 = form.Get("SB1");
    switch(SB1) {
        case "submit1":
            // my code..
        case "submit2":
            // my code..
    }
    return View();
}

<form method="post" action="@Url.Action('AddUser')">
  <button type="submit" name="SB1" value="submit1"><i class="fa fa-save"> Save</button>
  <button type="submit" name="SB1" value="submit2"><i class="fa fa-update"> Update</button>
</form>

answered Dec 13, 2019 at 5:24

Nathan Miller

7854 silver badges11 bronze badges

Comments

ankitkanojia · Accepted Answer · 2020-01-20 08:33:53Z

2

make both a type button and on click, you can make ajax call :

<button type="button" name="SB1" onliclick=save()><i class="fa fa-save"> Save</button>
<button type="button" name="SB1" onliclick=update()><i class="fa fa-update"> Update</button>

<script>
    function save() {
        $.ajax({
            //call for first code
        });
    }
    function update() {
        $.ajax({
            //call for second code
        });
    }
</script>

or you can put on button click using jquery like in below URL:https://www.w3schools.com/jquery/ajax_ajax.asp

one another way you can check below link: https://www.c-sharpcorner.com/article/managing-multiple-submit-buttons-on-single-view-in-asp-net-mvc-5/

edited Jan 20, 2020 at 8:33

ankitkanojia

3,1224 gold badges24 silver badges37 bronze badges

answered Dec 10, 2019 at 7:50

Divyesh Jani

3213 silver badges11 bronze badges

2 Comments

mishi caro Over a year ago

I want use one action in controller and not use ajax for submit

Divyesh Jani Over a year ago

Go with this solution is it ok :c-sharpcorner.com/article/…

Collectives™ on Stack Overflow

How to use multiple submit buttons in ASP.NET MVC

4 Answers 4

3 Comments

4 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

4 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related