Применение jQuery UI CSS к MVC .input-validation-error

Question

Я пишу приложение ASP.NET MVC.Я на стороне клиента проверки части.Я обнаружил, что когда пользовательский интерфейс высвечивает ошибку, он использует класс .input-validation-error.

Что мне нужно сделать, чтобы успешно сделать этот класс таким же, что и пользовательский интерфейс jQuery, используемый для оповещения CSS.

Если перейти к http://jqueryui.com/themeroller/ и посмотретьв правом нижнем углу вы увидите окно оповещения.Как правильно использовать этот стиль для моего класса ошибок проверки ввода?

Я новичок в MVC, поэтому не знаю, как это сделать

Answer 1

Что бы я сделал, это поместил эту строку кода в частичное представление и передал модель сообщения или представления в это частичное представление.

<div id="error-effect" class="ui-widget">
    <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
    <div style="margin-top:12px;">
    <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
    <strong>Error:</strong> 
    "Your message goes here"
   </p>
    </div>
    </div>
</div>

Если вы правильно импортировали классы JQuery, он должен отображаться так же, как на странице themeroller.