2010-01-28 54 views
0

我使用wysiwyg插件(http://code.google.com/p/jwysiwyg/)爲一個項目,我會得到如果textarea是空的或不提供給用戶提交表單之前警報,但這個插件創建一個iframe,我不能得到它。如何訪問textarea的jquery wysiwyg插件?

這是HTML通過插件生成與ID #testo

<p><div class="wysiwyg" style="width: 896px;"> 

    <div style="clear: both;"><!-- --></div> 
    <iframe tabindex="0" id="testoIFrame" style="min-height: 130px; width: 888px;" src="javascript:false;" frameborder="0"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> 
</head> 
<body style="margin: 0px; font-family: Arial,Helvetica,sans-serif; font-size: 12px;"> 

your text here 

</body> 
</html> 

</iframe> 

    </div> 

    <textarea style="display: none;" id="testo" name="testo" rows="8"> 
    </textarea></p> 

textarea的替代文本區域不顯示。 如果iframe中沒有文本,我會添加一個類到content div:

$('#testo')。addClass('border');

回答

0

我相信這會工作..

$('#your_form_id').submit(
    function(){ 
    $testoTextarea = $('#testo'); 
    $testoFrame = $('#testoIFrame'); 
    if ($testoTextare.val() == '') 
     { 
     $testoFrame.addClass('border'); 
     return false; 
     } 
    return true; 
    } 
); 

的事情是,在提交該插件將不得不把文本回textarea的爲它獲得通過到下一個頁面..
還iframe需要一個id,即原始textareas id +'IFrame',因此很容易識別它...

+0

不工作,如果#testo爲空且未添加類,則表單也會提交。 – antonio 2010-01-29 09:01:32

+0

你能告訴我們一些更多的代碼..像實際的形式,並讓我們知道如果你使用一些Ajax代碼提交表單.. – 2010-01-29 12:08:13