How to customize asp.net MVC validation message position

Question

i am doing MVC model validation through data annotation and my validation message is showing just at right side of input but i want to show it at the below of input box like the screen shot.

so just tell me what i need to do without touching html. thanks

Answer 1

You can alter field-validation-error and validation-summary-errors classes in CSS to make them reside on a new line. One way is to make them block elements by using display:block style. Here is a sample CSS:

.field-validation-error {
    display: block;
}