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的控制檯I可以驗證單獨的形式的每一個元素：

> $('#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驗證認爲形式作爲一個整體是有效的：

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

這是爲什麼？

Answer 1

我想通了。 TinyMCE將「display：none」添加到textarea，這是驗證函數ignores by default。