How to pass different data from 2 submit buttons in 1 form

Question

I have 2 submit buttons in one form and I want to pass data from the button that is pressed to a the server and then server can set status based on the data given by form action.

I understand the C# part, I'm just not sure with what to do in Html to pass the data from the button to the form action

HTML

 <form action="@Url.Action("Create", new{ name})" method="post">
      <input type="submit" class="button" name="Draft" value="Save as draft " />
      <input type="submit" class="button" name="Publish" value="Save and publish" />
 <form>

C#

[HttpPost]
public async Task<IActionResult> Create(string name)
{
       if (name== "Draft")
        {
            model.Status = IPublishable._Status.Draft;
        }
        else 
        {
            model.Status = IPublishable._Status.Published;
        }
}

Have you tried this? https://stackoverflow.com/questions/442704/how-do-you-handle-multiple-submit-buttons-in-asp-net-mvc-framework — MUHAMMAD DANIAL SHAUKET, Jan 05 '23 at 10:19
Does this answer your question? [How do you handle multiple submit buttons in ASP.NET MVC Framework?](https://stackoverflow.com/questions/442704/how-do-you-handle-multiple-submit-buttons-in-asp-net-mvc-framework) — Hintham, Jan 05 '23 at 10:22
is there a way to do this in the same method or is that not possible — , Jan 05 '23 at 10:31
Of course its possible, even an eligant way available to handle this kind of dynamic request. — Md Farid Uddin Kiron, Jan 05 '23 at 10:56
We can even use `formData.Keys.FirstOrDefault();` to get submitted value. — Md Farid Uddin Kiron, Jan 05 '23 at 14:54

score 0 · Answer 1 · answered Jan 05 '23 at 10:19

0

Fastest and easiest way is to add a hidden field to your form and then add something to your submit function that gives it an appropriate value (like .js). Then you will need to process that field on your action page.

answered Jan 05 '23 at 10:19

szwarcus

68
6

Thank you but i dont want to use any js – Jan 05 '23 at 10:31

Md Farid Uddin Kiron · Accepted Answer · 2023-01-05T14:49:50.880

I have 2 submit buttons in one form and i want to pass data from the button that is pressed to a the server and then server can set status based on the data given by form action

Well, we can implement that using IFormCollection to handle any kind of dynamic request without defining the name and value in form. In fact, we can submit any kind of dynamic data to controller thus, we can retrive value as we posted there. You can do as following:

View:

<form action="Create" method="POST">
    <input type="submit" class="button" name="Draft" value="Save as draft " />
    <input type="submit" class="button" name="Publish" value="Save and publish"/>
</form>

Controller:

    [HttpPost]
    public async Task<IActionResult> Create(IFormCollection formData)
    {

        string? submittedButtonValue = formData.Keys.FirstOrDefault();


        if (submittedButtonValue.Contains("Draft"))
        {
            model.Status = IPublishable._Status.Draft;

        }
       else  if (submittedButtonValue.Contains("Publish"))
        {
             model.Status = IPublishable._Status.Published;
        }


    }

Note: Up to now, we can get all the data and value what we have submitted from the view.

Output:

jishan siddique · Answer 3 · 2023-01-05T12:03:26.617

Instead of doing the dynamic thing, Just want to inform you can check this as well it's a very simple and clean approach.

I've just created a sample code for you.

//Controller side code
public class TestController : ControllerBase
{
    public IActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public IActionResult Index(string Name, string status)
    {
        return Json(status);
    }
}

//View side code


<div>
    <form asp-action="index" method="post">
        <input type="text" name="Name" />
        <button type="submit" class="button" name="status" value="1">
            Save as draft
        </button>
        <button type="submit" class="button" name="status" value="2">
            Save and publish
        </button>
    </form>
</div>

Here you can see the output

Just copy-paste the code to check yourself.

How to pass different data from 2 submit buttons in 1 form

3 Answers3