如何通过在其旁边添加字符串来验证tinyMCE编辑器是否为空？

Question

我需要验证表单.这个表单有一些下拉列表和tinyMCE编辑器,我通过在每个字段后附加字符串"Required"来验证这个表单,如果它是空白的,但是我无法验证tinyMCE编辑器,如果编辑器是空白的,我尝试了类似的东西

tinyMCE.get('tinyedotor').getContent();

但没有运气.

这是我的小提琴

Answer 1

getContent()应该工作得很好.您的小提琴不包含编辑器值的表单验证代码,这在此非常重要.试试这个:

var editorContent = tinyMCE.get('tinyeditor').getContent();
if (editorContent == '')
{
    // Editor empty
}
else
{
    // Editor contains a value
}

叉小提琴

另请注意,您已经id为select下拉列表声明了多个.

编辑:你可以得到id与编辑容器的getContainer()方法:tinyMCE.get('tinyeditor').getContainer().在编辑器之后插入错误消息将是这样的:

$('<span class="error">Editor empty</span>').insertAfter($(tinyMCE.get('tinyeditor').getContainer()));

但是,span每次用户单击提交按钮时,这将创建一个新的,因此您可能希望拥有一个唯一的错误消息容器,id并在插入之前检查该容器是否已存在.

编辑2:更新小提琴.

Answer 2

您可以执行此操作以检查内容是否为空而不解析html:

var content = tinymce.get('tinymceEditor').getContent({format: 'text'});
if($.trim(content) == '')
{
   // editor is empty ...
}