Как показать сводку проверки по условию в MVC3 Razor View?

Question

Я не уверен, является ли это хорошей практикой или нет, но необходимо условно отображать итоги проверки. На самом деле, мне нужно отобразить сводку проверки под желтым квадратом, поэтому я создал для этого класс CSS и пытаюсь сделать это:

@if (!Html.ViewData.ModelState.IsValid)
{
   <p>
      <span class="message-wrapper warning">
         @Html.ValidationSummary(true)
      </span>
   </p>                                           
}
else
{ 
    @Html.ValidationSummary()
}

Проблема с вышесказанным в том, что желтый квадрат виден всегда, а что нет?
Желтый квадрат должен отображаться только при наличии ошибок валидации, и эти ошибки должны отображаться в пределах «желтого квадрата».

Я ищу решение. Любая помощь в этом отношении высоко ценится!

Answer 1

В идеале вы можете просто изменить класс CSS для этого

.validation-summary-errors {
    background-color: #D9FFB2;
    border:1px solid #5CBA30;
    width: 400px;
    }

Здесь есть несколько покрытых методов, поэтому я не буду повторять их все:)

Окружение ValidationSummary с помощью поля с помощью CSS