jQuery 验证不适用于 TinyMCE [重复]

Question

我在我的 ASP.NET MVC 4 站点上遇到了 jQuery 验证问题。表格如下：

@model QuestionModel

@using ( Html.BeginForm() ) {
    @Html.ValidationSummary( "Please correct the errors and try again." )

    @Html.LabelFor( m => m.Author )
    @Html.EditorFor( m => m.Author )

    @Html.LabelFor( m => m.Question )
    @Html.TextAreaFor( m => m.Question, new { @class = "tinymce" } )

    @Html.LabelFor( m => m.Answer )
    @Html.TextAreaFor( m => m.Answer, new { @class = "tinymce" } )
}

这是带有数据注释的模型：

public class QuestionModel
{
    [Required]
    public string Author { get; set; }

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

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

在 Firebug 的控制台中，我可以分别验证表单的每个元素：

> $('#Author').valid()
true

> $('#Question').valid()
true

> $('#Answer').valid()
false

答案字段无效的原因是因为它是空白的：

> $('#Author').val()
"David Bowie"

> $('#Question').val()
"<p>What is my best song?</p>"

> $('#Answer').val()
""

然而，显然 jQuery validate 认为表单作为一个整体是有效的：

> $('form').valid()
true

这是为什么？

Answer 1

我想通了。 TinyMCE 将 "display: none" 添加到 textarea 中，验证函数 ignores by default。