Specify validation summary on multiple forms

Question

I have 2 forms on a page as follows:

@using (Html.BeginForm())
{
    @Html.ValidationSummary()
    @Html.Label("code", "Confirmation Code")
    @Html.TextBox("code")
    <input type="submit" value="Go" />
}
@using (Html.BeginForm("SendConfirmation", "Auth"))
{
    @Html.ValidationSummary()
    @Html.Label("email", "Email")
    @Html.TextBox("email")
    <input type="submit" value="Resend" />
}

If SendConfirmation throws an error, there are 2 validation summary being displayed. How do I get the validation summary to target its own?

Dan Diplo · Accepted Answer · 2013-07-23 08:13:38Z

21

Give the submit button a unique name on both your forms, like so:

@using (Html.BeginForm())
{
    @Html.ValidationSummary()
    @Html.Label("code", "Confirmation Code")
    @Html.TextBox("code")
    <input type="submit" name="login-top" value="Go" />
}
@using (Html.BeginForm("SendConfirmation", "Auth"))
{
    @Html.ValidationSummary()
    @Html.Label("email", "Email")
    @Html.TextBox("email")
    <input type="submit" name="login-main" value="Resend" />
}

Then you can check whether a particular form has been submitted by checking the value of the request for the key that corresponds to the submit button and then conditionally display the validation summary ie. in the top form you would add:

if (Request.Form.AllKeys.Contains("login-top"))
{
    @Html.ValidationSummary()
}

answered Jul 23, 2013 at 8:13

Dan Diplo

25.4k4 gold badges71 silver badges90 bronze badges

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

1 Comment

Evan Over a year ago

This works ok, but you will lose the client side validation summary on the next load since the placeholder elements won't be there. You could add an else statement and render the <div> and empty <ul> elements that are normally there.

Mandoleen · Accepted Answer · 2011-12-25 11:21:16Z

6

the solution is to draw the validation summary only when you validate your form

for more details check this blog post

edited Dec 25, 2011 at 11:21

answered Dec 22, 2011 at 14:40

Mandoleen

2,6832 gold badges21 silver badges17 bronze badges

1 Comment

Greg Gum Over a year ago

This IS the answer to the issue of two validation summaries. Only draw the validation summary that you want to show. For example, the user clicks on login. In the controller, set a property of the model that such as "CurrentAction" to "logging-in" Then use that property in the view to NOT draw the validation summary for the register part of the form.

Nick Albrecht · Accepted Answer · 2013-07-09 22:06:25Z

3

Html.ValidationSummary() does not need to be inside of your form element and you only need it the once int most cases. I'd move it outside of your two forms, something like just above your main body content and that should give you the desired effect. I believe in my last app I placed it in the Layout file.

edited Jul 9, 2013 at 22:06

answered Jul 9, 2013 at 22:00

Nick Albrecht

17k11 gold badges72 silver badges101 bronze badges

Comments

Rob Carroll · Accepted Answer · 2013-04-17 14:22:57Z

1

In order to accomplish this you need to separate the two forms, put each one in a partial view, and return the partial view on submit if the validation fails. Change your action result to return a partial result.

the partial views can be rendered in the page using the following:

@Html.partial("_PartialView")

or this way if you need to pass a model

@Html.partial("_Partial", Model)

You can't have two validation summaries on the same page any other way.

answered Apr 17, 2013 at 14:22

Rob Carroll

3871 gold badge7 silver badges16 bronze badges

Collectives™ on Stack Overflow

Specify validation summary on multiple forms

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related