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显示为空文本。

Alert!

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块之前对验证消息进行测试？如果它是空的那么没有错误。

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

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

1 个答案: