MVC3 - How to insert a ValidationMessageFor with a line break <br /> at the end?

Question

I'm validating about 10 input fileds in a form. The ValidationMessageFor-tags should be at the top of the page, so I'm writing every one like:

@Html.ValidationMessageFor(model => model.Customer.ADDRESS.NAME)
@Html.ValidationMessageFor(model => model.Customer.ADDRESS.CITY)

and so on. My Models look like this:

[Required(ErrorMessage = Constants.ErrorMsgNameMissing)]
public string NAME { get; set; }
[Required(ErrorMessage = Constants.ErrorMsgCityMissing)]
public string CITY { get; set; }

The constants are Strings. Now, if more than one ValidationMessageFor is shown, they are all in one line. How can I insert a line break like <br /> at the end of every message?

This is NOT the right way:

@Html.ValidationMessageFor(model => model.Customer.ADDRESS.NAME)<br />
@Html.ValidationMessageFor(model => model.Customer.ADDRESS.CITY)<br />

since the <br /> is shown even if there is no error...;)

Thanks in advance.

PS: Displaying them as a list would also be great.

Answer 1

I think what you're actually looking for is:

@Html.ValidationSummary()

Answer 2

I would go with @Html.ValidationSummary() if possible

Answer 3

Check out Custom ValidationSummary template Asp.net MVC 3. I think it would be best for your situation if you had complete control over how the validation is rendered. You could easily write an extension method for ValidationMessageFor.

Answer 4

Actually, at the top should be:

@Html.ValidationSummary(/*...*/)

The field validations should be with their respective fields.

However, if you absolutely insist on putting @Html.ValidationMessageFor(/*...*/) at the top then adjust their layout behavior in your CSS and forget about the <br />'s