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

You can use jquery:

$(function(){
 $('.validation-summary-errors.alert.alert-error.alert-block').each(function () {
     $(this).prepend('×');
 });
});

It is looking for every div containing given error classes from bootstrap and writing html at beginning of the div. I am adding .alert-block class as the bootstrap page says:

For longer messages, increase the padding on the top and bottom of the alert wrapper by adding .alert-block.