Jquery驗證'require'不能使用html編輯器

Question

<script src="/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> 
<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script> 
<link href="/CSS/jquery.wysiwyg.css" rel="stylesheet" type="text/css" /> 
<script src="/JS/jquery.wysiwyg.js" type="text/javascript"></script> 
<script type="text/javascript" > 
    $(document).ready(function() { 
     $('#wysiwyg').wysiwyg() 
    }); 
</script> 

<form id="form" action="example/foo" method="post"> 
    <textarea id="wysiwyg" name="question" class="required" rows="5" cols="10"> </textarea> 
</form> 

這是我在其中使用HTML編輯器的代碼。我把需要驗證，它工作正常，但如果我只把一些空格，並提交我的表單jQuery假定它是有效的。另一方面，在我的項目的其餘部分，jQuery的行爲正常。

我該如何解決這個問題？

Answer 1

如果我得到你的問題吧，您要驗證所需屬性的文本框，嘗試添加規則像

$("#wysiwyg").rules("add", { required: true, 
messages: { 
required: "This feild is required", 
}); 

並嘗試使用驗證：

$("#commentForm").validate(); 

Answer 2

試試這個

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" > </script> 
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script> 
    <script> 
    $(document).ready(function(){ 
      $('#form').validate(); 
    }) 
</script> 
     <form id="form" action="example/foo" method="post"> 
    <textarea id="wysiwyg" name="question" class="required" rows="5" cols="10"></textarea> 
    <input type="submit" value="sub">