jQuery Validate Unobtrusive no funciona para TextArea

Question

Estoy usando "jQuery Validate discreto" con ASP.NET MVC3 Razor.

Tengo una página con un formulario "Comentarios", así:

Modelo

public class CommentModel 
{ 

    [Required] 
    public string Name { get; set; } 

    [Required] 
    [DataType(DataType.EmailAddress)] 
    public string Email { get; set; } 

    [DataType(DataType.Url)] 
    [Display(Name = "Website URL")] 
    public string WebsiteUrl { get; set; } 

    [Required] 
    public string Message { get; set; } 

} 

Ver

@using (Html.BeginForm("AddComment", "Blog", new { @articleID = article.ID })) 
    { 
     <p> 
      @Html.LabelFor(m => m.commentModel.Name) 
      @Html.TextBoxFor(m => m.commentModel.Name) 
      @Html.ValidationMessageFor(m => m.commentModel.Name) 
     </p> 
     <p> 
      @Html.LabelFor(m => m.commentModel.Email) 
      @Html.TextBoxFor(m => m.commentModel.Email) 
      @Html.ValidationMessageFor(m => m.commentModel.Email) 
     </p> 
     <p> 
      @Html.LabelFor(m => m.commentModel.WebsiteUrl) 
      @Html.TextBoxFor(m => m.commentModel.WebsiteUrl) 
      @Html.ValidationMessageFor(m => m.commentModel.WebsiteUrl) 
     </p> 
     <p> 
      @Html.LabelFor(m => m.commentModel.Message) 
      @Html.TextAreaFor(m => m.commentModel.Message) 
      @Html.ValidationMessageFor(m => m.commentModel.Message) 
     </p> 
     <p> 
      <input type="submit" value="Submit Comment" /> 
     </p> 
    } 

Sin embargo, cuando se envía el formulario, solo Name y Email devuelven un error de validación, cuando Message debe ser demasiado:

Si cambio MessageTextAreaFor-TextBoxFor, entonces la validación funciona correctamente.

¿Por qué es esto y cómo puedo obtener la validación para trabajar en mi cuadro de texto?

---

También vale la pena señalar que no he tenido que escribir ningún jQuery específico para este formulario. Seguí un tutorial que explica que esto no es necesario ya que todo es manejado por MVC3.

Answer 1

Decore la propiedad del modelo correspondiente con la anotación de datos [DataType(DataType.MultilineText)] y utilice el método Html.EditorFor Helper.

[Required] 
[DataType(DataType.MultilineText)] 
public string Message { get; set; } 

Ahora usa @Html.EditorFor ayudante método

@Html.EditorFor(m => m.RoleDescription) 

Answer 2

Es un error con TextAreaFor cuando el modelo está anidado. Coloque el contenido de su CommentModel en el modelo "raíz", por así decirlo, y todo funciona muy bien. ¡O bien, cambie TextAreaFor a TextBoxFor y funciona de maravilla!

En un tema no relacionado, me siento validado de que no soy el único que intenta anidar mi modelo de comentarios como usted. ¡Esto realmente debería ser arreglado!

Editar: Aquí está el billete de errores para el tema:

http://aspnet.codeplex.com/workitem/8576

Edit2: solución de utilizar EditorFor de Shyju funciona! Curiosamente, también agrega algunos nombres de clase adicionales a la salida del, así que ten cuidado de que no entren en conflicto con tu CSS.

Answer 3

La respuesta de @Shyju parece funcionar perfectamente, pero tenía que añadir algo adicional para el archivo Site.css para hacer que funcione:

Aplicar solución @Shyju y añadir CSS de área de texto:

textarea.input-validation-error { 
    border: 1px solid #e80c4d; 
} 

Ahora funciona perfectamente.