asp.net-mvc – 如何在ASP MVC中自定义Html.ValidationMessageFor

是否可以自定义Html.ValidationMessageFor方法，以便生成不同的HTML？

我想做类似的事情：

<div class="field-error-box">
    <div class="top"></div>
    <div class="mid"><p>This field is required.</p></div>
</div>

解决方法

我不知道是否可以使用段落而不是默认跨度，因为它可能使验证插件不可能放置错误消息。但是对于div -s，这很容易 – 你可以编写自定义html帮助器。

沿着这些路线(可能需要进一步的测试/编码)。您将需要在视图中包含此静态扩展方法的命名空间，或直接将其放入System.Web.Mvc.Html。

public static class Validator
{
    public static MvcHtmlString MyValidationMessageFor<TModel,TProperty>(this HtmlHelper<TModel> helper,Expression<Func<TModel,TProperty>> expression)
    {
        TagBuilder containerDivBuilder = new TagBuilder("div");
        containerDivBuilder.AddCssClass("field-error-box");

        TagBuilder topDivBuilder = new TagBuilder("div");
        topDivBuilder.AddCssClass("top");

        TagBuilder midDivBuilder = new TagBuilder("div");
        midDivBuilder.AddCssClass("mid");
        midDivBuilder.InnerHtml = helper.ValidationMessageFor(expression).ToString();

        containerDivBuilder.InnerHtml += topDivBuilder.ToString(TagRenderMode.Normal);
        containerDivBuilder.InnerHtml += midDivBuilder.ToString(TagRenderMode.Normal);

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

如您所见，这使用默认的ValidationMessageFor方法，不会干扰验证插件错误消息处理。

并且您可以简单地使用，作为默认验证消息助手

@Html.MyValidationMessageFor(model => model.SomeRequiredField)