Show ValidationSummary MVC3 as “alert-error” Bootstrap

Question

I want to show a ValidationSummary mcv3 with \"alert-error\" Bootstrap styling.

I\'m using a Razor view, and I show model errors with this code:

 @Html.V         


        

Answer 1

I did not like how the ValidationSummary rendered using a bullet list (unordered list). It had a lot of unnecessary space below the error list.

A solution to that issue - is simply to loop through the errors and render the errors how you want. I used paragraphs. For example:

@if (ViewData.ModelState.Any(x => x.Value.Errors.Any()))
{
    

        ×
        @foreach (var modelError in Html.ViewData.ModelState.SelectMany(keyValuePair => keyValuePair.Value.Errors))
        {
            
@modelError.ErrorMessage
        }
    
}

The result, in my case, looks something like this: