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?

Answer 1

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() } 

Answer 2

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

for more details check this blog post