Question

我正在使用wysiwyg插件（http://code.google.com/p/jwysiwyg/）进行项目，如果textarea为空或者我会在提交表单之前向用户提供警报，但是这个插件会创建一个iframe但我不能得到它。

这是由插件生成的html，用id #testo

替换textarea

<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中没有文本，我会在内容div中添加一个类：

$（ '＃德图'）addClass（ '边界'）;

Answer 1

我相信这会有效..

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

事情是，在提交时，插件必须将文本放回textarea才能传递到下一页。
此外，iframe采用的是原始textareas id +'IFrame'的ID，因此很容易识别它......

如何访问jquery wysiwyg插件的textarea？

1 个答案: