Jquery validation '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

Try This

<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">