I have a form with two submit buttons in my asp.net mvc (C#) application. When i click any submit button in Google Chrome
, by default the value of submit button is the first submit button's value.
Here is the html:
<input type="submit" value="Send" name="SendEmail" />
<input type="submit" value="Save As Draft" name="SendEmail" />
<input type="button" value="Cancel" />
When i click the Save As Draft
button, in the action of the controller, it gets "Send" as the value for SendEmail
.
Here is the action:
public ActionResult SendEmail(string SendEmail, FormCollection form)
{
if(SendEmail == "Send")
{
//Send Email
}
else
{
//Save as draft
}
return RedirectToAction("SendEmailSuccess");
}
When i get the value from FormCollection, it shows "Send". i.e. form["SendEmail"]
gives Send
What may be the problem or work around i need to do to get the actual value of the clicked submit button?
Show this page.
ASP.NET MVC – Multiple buttons in the same form - David Findley's Blog
Create ActionMethodSelectorAttribute inherit class.
Try this instead:
<input type="submit" value="Send" name="send" />
<input type="submit" value="Save As Draft" name="save" />
and:
public ActionResult SendEmail(string send, FormCollection form)
{
if (!string.IsNullOrEmpty(send))
{
// the Send button has been clicked
}
else
{
// the Save As Draft button has been clicked
}
}
Hidden Html elements will be submitted with your form, so you could add a hidden element and modify it on button click before submission. Return true to continue with form submission.
@Html.Hidden("sendemail", true)
<input type="submit" value="Send"
onclick="$('#sendemail').val(true); return true" />
<input type="submit" value="Save As Draft"
onclick="$('#sendemail').val(false); return true;" />
Now you can just pull the value out of your form collection.
public ActionResult SendEmail(FormCollection form)
{
if(Boolean.Parse(form["sendemail"]))
{
//Send Email
}
else
{
//Save as draft
}
return RedirectToAction("SendEmailSuccess");
}
Rather than using the FormCollection directly though, the best practice would be to create a view model that contains the specified property.
View Model
public class FooViewModel
{
public bool SendEmail { get; set; }
// other stuff
}
HTML
// MVC sets a hidden input element's id attribute to the property name,
// so it's easily selectable with javascript
@Html.HiddenFor(m => m.SendEmail)
// a boolean HTML input can be modified by setting its value to
// 'true' or 'false'
<input type="submit" value="Send"
onclick="$('#SendEmail').val(true); return true" />
<input type="submit" value="Save As Draft"
onclick="$('#SendEmail').val(false); return true;" />
Controller Action
public ActionResult SendEmail(FooViewModel model)
{
if(model.SendEmail)
{
//Send Email
}
else
{
//Save as draft
}
return RedirectToAction("SendEmailSuccess");
}
work around: use javascript for submiting the form instead of submit buttons
来源:https://stackoverflow.com/questions/2423041/using-two-submit-buttons-inside-single-form