Apply Twitter Bootstrap Validation Style and Message to ASP.NET MVC validation

Question

How can I integrate ASP.NET MVC unobtrusive validation and Twitter Bootstrap? I want to have all those validation messages and styles appropria

Answer 1

This is a neat solution that gives you more control over how the ValidationSummary renders errors to the view. The Unordered List it produced did not look right inside the alert. Therefore, I simply looped through the errors and rendered them how I wanted - using paragraphs in this case. 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
        }
    
}

Which results in a neat Validation Summary Alert: