How to make Html.ValidationMessageFor() render a DIV instead of a SPAN?

Question

I am using ASP.NET MVC 5 and I have a form that uses the following Html helper

   @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })

When I look at the rendered Html that is produced in the browser it seems to render this as a Span element. This causes the validation message to be on the same line as one of my Labels.

What I want to know is how to make the @Html.ValidationMessageFor() method render a Div element instead of a Span?

Wrap the @Html.ValidationMessageFor() in a div like this -> <div>@Html.ValidationMessageFor()</div>. Or you can make a HTML extension method that will wrap the span into a div, or use css. — Bon Macalindong
– Bon Macalindong, Commented May 26, 2016 at 8:54

Muhammad Raheel · Accepted Answer · 2018-09-10 09:56:14Z

6

Add a parameter at last.

@Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger newLine" },"div")

It will create a div.

answered Sep 10, 2018 at 9:56

Muhammad Raheel

19.9k7 gold badges69 silver badges106 bronze badges

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

1 Comment

aronccs Over a year ago

This really answers the question "How to change SPAN to DIV"

Denys Wessels · Accepted Answer · 2016-05-26 08:55:25Z

4

Instead of turning it into a div just add a style rule do the ValidationMessageFor:

 @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger newLine" })

.newLine 
{
    display:block;
}

answered May 26, 2016 at 8:55

Denys Wessels

17.1k16 gold badges85 silver badges121 bronze badges

Comments

Fabio Maulo · Accepted Answer · 2018-12-02 23:03:32Z

1

Inside App_Start, where you can activate client-side-validation and unobtrusive, you can set the default element for the validation.

HtmlHelper.ClientValidationEnabled = true;
HtmlHelper.UnobtrusiveJavaScriptEnabled = true;
HtmlHelper.ValidationMessageElement = "div";

answered Dec 2, 2018 at 23:03

Fabio Maulo

4764 silver badges6 bronze badges

Collectives™ on Stack Overflow

How to make Html.ValidationMessageFor() render a DIV instead of a SPAN?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related