Cómo personalizar Html.ValidationMessageFor en ASP MVC

Question

¿Es posible personalizar el método Html.ValidationMessageFor para que produzca HTML diferente?

quiero hacer algo similar a:

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

Answer 1

No estoy seguro si es posible utilizar p aragraph en lugar de span predeterminado, ya que puede hacer imposible val Complemento de idation para colocar mensajes de error. Pero para div -s, eso es fácil, podrías escribir html helper personalizado.

Algo en esta línea (puede necesitar más pruebas/codificación). Deberá incluir el espacio de nombre de este método de extensión estática en su vista, o ponerlo en System.Web.Mvc.Html directamente.

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)); 
    } 
} 

Como se ve, este método por defecto utiliza ValidationMessageFor, para no interferir con el procesamiento de mensajes de error de validación-plugin.

Y utiliza este simplemente, como la validación por defecto ayudante mensaje

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

Answer 2

Sí, sólo tiene que utilizar un metamodelo para el campo:

[MetadataType(typeof(YourMetaData))] 
public partial class YOURCLASS 
{ 
    [Bind(Exclude = "objID")] 
    public class YourMetaData 
    { 
     [Required(AllowEmptyStrings = false, ErrorMessage = "Please enter a name")] 
     public object Name { get; set; } 
    } 
} 

cambiar el mensaje en el campo ErrorMessage :) Esperanza esta ayuda:)

Answer 3

Usted puede implementar su propio ayudante ValidationMessageFor para emitir su salida deseada o utilizar algún javascript para añadir/modificar el código HTML representado pero la costumbre ValidationMessageFor la implementación es el enfoque más limpio en mi humilde opinión.

Para implementar su propio ValidationMessageFor helper eche un vistazo a los métodos ValidationExtensions.ValidationMessageFor y ValidationMessageHelper en el código fuente ASP.NET MVC.

Implementación Hints

Desde GetFormContextForClientValidation es interno que tiene que evitar que la aplicación mediante la duplicación de la funcionalidad interna en el código:

FormContext formContext = htmlHelper.ViewContext.ClientValidationEnabled ? htmlHelper.ViewContext.FormContext : null; 

Algunos otros métodos son privadas en ValidationExtensions como GetUserErrorMessageOrDefault lo haría Necesito duplicar ese código también. Lo que puede hacer para evitar la duplicación del código es dejar que ValidationExtentensions.ValidationMessageFor represente la cadena del mensaje de validación que se envuelve en un lapso y luego cambie la cadena procesada según sus requisitos. Tenga en cuenta que se devuelve "nulo" en caso de que no se haya encontrado ningún error y que necesitará los atributos HTML de datos en caso de que tenga habilitado JavaScript no intrusivo.

Puede descargar el código fuente de ASP.NET MVC 3 de here

Answer 4

La única necesidad de un cambio de la generación etiqueta predeterminada estaba en mi caso, que se extiende por los resultados de comportamiento en anoying configuraciones de margen.

Me resolvieron mediante el uso de 'display: block'

Tal vez esto ayuda a algunas personas ..

Answer 5

he usado de otra manera:

public static MvcHtmlString DivValidationMessageFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression) 
    { 
     return MvcHtmlString.Create(htmlHelper.ValidationMessageFor(expression).ToString().Replace("span", "div")); 
    } 

De esta manera usted puede utilizar el construido en el camino, pero reemplazar el lapso con un div.

Si necesita alguna otra sobrecarga de la función, simplemente duplique según sea necesario.

Answer 6

Tal vez usted puede poner ese código

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; 
    } 

en la parte superior de la función respondido, por lo que el div no aparece en la carga del formulario.