c# - 自定义 JQueryUI ValidationMessageFor 隐藏验证扩展方法

Question

我一直致力于为 MVC 创建自定义错误验证消息，以显示 jQueryUI 样式的错误消息。

到目前为止看起来很酷，但我需要在没有错误消息的情况下隐藏整个 div...我该怎么做？

这是我的 html 辅助扩展方法:

  public static MvcHtmlString MyValidationMessageFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression)
        {              
                TagBuilder widgetDiv = new TagBuilder("div");
                widgetDiv.AddCssClass("ui-widget");
                widgetDiv.Attributes.Add("style", "font-size: 10px");

                TagBuilder errorDiv = new TagBuilder("div");
                errorDiv.AddCssClass("ui-state-error ui-corner-all");
                errorDiv.Attributes.Add("style", "padding:0 .7em;");

                TagBuilder paragraph = new TagBuilder("p");

                TagBuilder span = new TagBuilder("span");
                span.AddCssClass("ui-icon ui-icon-alert");
                span.Attributes.Add("style", "float: left; margin-right: .3em;");

                TagBuilder strong = new TagBuilder("strong");
                strong.InnerHtml = "Alert: ";

                paragraph.InnerHtml += span.ToString(TagRenderMode.Normal);
                paragraph.InnerHtml += strong.ToString(TagRenderMode.Normal);
                paragraph.InnerHtml += helper.ValidationMessageFor(expression).ToString();           

                errorDiv.InnerHtml += paragraph.ToString(TagRenderMode.Normal);

                widgetDiv.InnerHtml += errorDiv.ToString(TagRenderMode.Normal);                               

                return MvcHtmlString.Create(widgetDiv.ToString(TagRenderMode.Normal));            
        }

这是它生成的 html:

 <div class="ui-widget">
    <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
        <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
        <strong>Alert:</strong> Sample ui-state-error style.</p>
    </div>
</div>

我假设我需要根据某些条件返回一个空白字符串...我该怎么做？

编辑:添加图片来说明问题 - 不管怎样，div 都显示空文本。

Edit2:我注意到在调试时这个方法只被命中一次......也许不引人注目的验证是问题所在。

此代码没有帮助:

string propertyName = ExpressionHelper.GetExpressionText(expression);
string name = helper.AttributeEncode(helper.ViewData.TemplateInfo.GetFullHtmlFieldName(propertyName));

if (helper.ViewData.ModelState[name] == null ||
    helper.ViewData.ModelState[name].Errors == null ||
    helper.ViewData.ModelState[name].Errors.Count == 0)
{
    return MvcHtmlString.Empty;
} 

Answer 1

为什么不在构建 HTML block 之前对验证消息进行测试？如果为空则没有错误。

var validationMessage = helper.ValidationMessageFor(expression).ToString();
if (!string.IsNullOrEmpty(validationMessage))
{
    // Build your message as in your code.
}