c# - How can I modify LabelFor to display an asterisk on required fields?

Question

I want to create an extension method for HtmlHelper that allows me to create a LabelFor a property display an asterisk after it if it is a required field. How can I do that?

public class Foo
{
    [Required]
    public string Name { get; set; }
}

Html.LabelFor(o => o.Name) // Name*

Answer 1

You can add an asterisk to a required field purely through CSS.

First, create a CSS class for it:

.required::after 
{
    content: "*";
    font-weight: bold;
    color: red; 
}

This will append a red asterisk to any element with the "required" class.

Then, in your view, simply add the new class to your label:

    @Html.LabelFor(m => m.Name, new { @class="required" })

Even better might be a custom HTML Helper that discerns if the field has a [Required] attribute, and if so, adds the required CSS class.