How to add css to a single mvc Helper method when validation fails - from within the model

Question

Does anyone have a simple way of adding a css class to a html label when validation fails, preferably from within the model, in the public IEnumerable Validate(ValidationContext context) override, not with jQuery or in the Controller.

I have my validationsummary giving me the error message I just want to put * next to the failed input and make its label text bold and red.

    @Html.LabelFor(model => model.Name)
    <div class="editor-field">
        @Html.EditorFor(model => model.Name)<br/><br />
    </div>

Why don't you use @Html.ErrorMessageFor(model => model.Name) method to render the error message in your view? If you put this into a div, then you can add styles as well, using that div. — Lasantha Bandara
– Lasantha Bandara, Commented Apr 4, 2012 at 5:24
I could do this but unfortunately the project requires me to change the label text, and besides regardless of which helper method I use this still this doesn't answer the question of HOW to change the css..? — stuartdotnet
– stuartdotnet, Commented Apr 4, 2012 at 5:27

Mike_W · Accepted Answer · 2012-07-19 14:16:12Z

1

If you have not yet found a solution, look at http://weblogs.asp.net/imranbaloch/archive/2010/07/03/asp-net-mvc-labelfor-helper-with-htmlattributes.aspx

It codes an HTML Helper extension to LabelFor that supports html attributes. You could use this code as a template to modify for your needs. One option would be to detect whether a validation error has occured. A few days ago I wrote something similar:

    public static string IsInvalidFor<TModel, TValue>(
        this HtmlHelper<TModel> htmlHelper,            
        Expression<Func<TModel, TValue>> expression, 
        string cssErrorClass)
    {
        if (ValidationExtensions.ValidationMessageFor(htmlHelper, expression) != null) 
             return cssErrorClass;
        else return "";
    }

answered Jul 19, 2012 at 14:16

Mike_W

261 bronze badge

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

Comments

TRR · Accepted Answer · 2012-04-04 07:47:50Z

0

if you want to do it in .cs file Model in this case just append this

            string name = //ur name property//;
            oppdesc = "";               
            oppdesc += "<span class ="error"+ "\">" +      name+ "</span>";

and u define class error as bold and red in ur css.

answered Apr 4, 2012 at 7:47

TRR

1,6434 gold badges26 silver badges43 bronze badges

5 Comments

stuartdotnet Over a year ago

This doesn't work for so many reasons. Where do you put this code? In the Validate method?

TRR Over a year ago

you can set it when the validation message is set

stuartdotnet Over a year ago

So then what do you do with oppdesc? How do you make it style your control? Because in MVC the property isn't actually a control.

TRR Over a year ago

@Html.LabelFor(model => model.oppdesc) <div class="editor-field"> @Html.EditorFor(model => model.oppdesc)<br/><br /> </div> where oppdesc is a property in your model

stuartdotnet Over a year ago

But this is only changing the value of the property, the view does not display a property by simply referencing its value.

Collectives™ on Stack Overflow

How to add css to a single mvc Helper method when validation fails - from within the model

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related