MVC3 - How to insert a ValidationMessageFor with a line break
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.

Any particular reason why `@Html.ValidationSummary()` will not suffice? — Phil Klein, Dec 23 '11 at 18:40
Nope...damn. That was too easy :p Write it in an answer and I will accept that...oh man. Thank you! — Sleepwalker, Dec 23 '11 at 18:42

score 3 · Accepted Answer · edited Sep 19 '12 at 01:07

3

I think what you're actually looking for is:

@Html.ValidationSummary()

edited Sep 19 '12 at 01:07

GEOCHET

21,119
15
74
98

answered Dec 23 '11 at 18:51

Phil Klein

7,344
3
30
33

score 1 · Answer 2 · answered Dec 23 '11 at 18:42

1

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

answered Dec 23 '11 at 18:42

Bassam Mehanni

14,796
2
33
41

score 1 · Answer 3 · edited May 23 '17 at 10:08

1

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.

edited May 23 '17 at 10:08

Community

1
1

answered Dec 23 '11 at 18:43

Erik Philips

53,428
11
128
150

score 1 · Answer 4 · answered Dec 23 '11 at 18:44

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

score 1 · Answer 5 · answered Dec 23 '11 at 18:45

I'm not sure if there's a built in way, but you could easily make another Extension method:

public static MvcHtmlString ValidationMessageLineFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression) {
    return helper.ValidationMessageFor(expression) + "<br />";
}

Something like that?

MVC3 - How to insert a ValidationMessageFor with a line break at the end?

5 Answers5

MVC3 - How to insert a ValidationMessageFor with a line break
at the end?