Как показывать предупреждения начальной загрузки на основе вашего состояния модели в MVC 5

Для тех из вас, кто использует Bootstrap. В Bootstrap есть классные классы предупреждений, которые позволяют отображать сообщения проверки.

Они выглядят так:

И их можно использовать так.

Успех:

<!-- Success Alert -->
    <div class="alert alert-success alert-dismissible fade show">
        <strong>Success!</strong> Your message has been sent successfully.
        <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>

Ошибка:

<!-- Error Alert -->
    <div class="alert alert-danger alert-dismissible fade show">
        <strong>Error!</strong> A problem has been occurred while submitting your data.
        <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>

Предупреждение:

<!-- Warning Alert -->
    <div class="alert alert-warning alert-dismissible fade show">
        <strong>Warning!</strong> There was a problem with your network connection.
        <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>

Информация:

<!-- Info Alert -->
    <div class="alert alert-info alert-dismissible fade show">
        <strong>Info!</strong> Please read the comments carefully.
        <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>

Использование магии MVC для демонстрации валидации

Знаете ли вы, что эти оповещения очень легко показать, используя результаты в объекте MVC Modelstate и синтаксис .NET Razor?

MVC предоставляет вам свойство Modelstate, которое содержит свойство «invalid», возвращающее false, если ваши правила проверки не выполняются. Свойство ValidationSummary можно использовать для получения списка всех невыполненных правил проверки.

Объединение этих двух позволяет нам показать пользователю все наши правила проверки модели. Вы можете сделать что-то похожее на это:

Использование классов начальной загрузки

Чтобы использовать классы начальной загрузки, все, что вам нужно сделать, это использовать классы «alert» и «alert-danger». Например:

@if (!ViewData.ModelState.IsValid)
{
    <div class="alert alert-danger">
        <button type="button" class="close" data-dismiss="alert">×</button>
        @Html.ValidationSummary(false, "Errors: ") <!-- Set your own message here -->
    </div>
}

В результате должно получиться что-то похожее на это:

И ввоала, это все, что вам нужно :)