将 jQuery UI CSS 应用到 MVC .input-validation-error

【问题标题】：Applying jQuery UI CSS to MVC .input-validation-error将 jQuery UI CSS 应用到 MVC .input-validation-error
【发布时间】：2011-06-26 03:55:00
【问题描述】：

我正在编写一个 ASP.NET MVC 应用程序。我在客户端验证部分。我发现当 UI 出现错误时，它使用了 .input-validation-error 类。

我必须做些什么才能成功地使这个类与 jQuery UI 用于 Alert CSS 的类相同。

如果您转到http://jqueryui.com/themeroller/ 并查看右下角，您会看到一个警报框。将这种样式用于我的输入验证错误类的正确方法是什么？

我对 MVC 很陌生，所以不知道该怎么做

【问题讨论】：

标签： jquery css asp.net-mvc jquery-ui validation

【解决方案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 类，它应该会以它在主题滚动器页面上的方式显示。

【讨论】：

一旦有机会尝试，我会尽快更新这篇文章。