TinyMCE Javascript验证

我在网站上构建了一个发布系统，但每当我在我的textareas中包含TinyMCE插件时遇到了一个奇怪的问题。我在JavaScript中验证输入是否为空（见代码打击）。如果没有TinyMCE，它可以正常工作，但是当我包含TinyMCE插件时，这些值不会返回任何值。TinyMCE Javascript验证

('#form_createblog').bind('submit',function(){ 
    var titel = $('input[name=titel]').val(); 
    var categorie = $('select[name=categorie]').val(); 
    var synopsis = $('textarea[name=synopsis]').val(); // this remains blank when tinymce is included 
    var inhoud = $('textarea[name=inhoud]').val(); // this remains blank when tinymce is included 

    console.log(titel); 
    console.log(categorie); 
    console.log(synopsis); 
    console.log(inhoud); 

    var proceed = true; 
    if (titel==""){ 
     $('input[name=titel]').css({'border':'2px solid red'}); 
     proceed = false; 
     } 
    if (categorie==""){ 
     $('select[name=categorie]').css({'border':'2px solid red'}); 
     proceed = false; 
     } 
    if (synopsis==""){ 
     $('textarea[name=synopsis]').css({'border':'2px solid red'}); 
     proceed = false; 
     } 
    if (inhoud==""){ 
     $('textarea[name=inhoud]').css({'border':'2px solid red'}); 
     proceed = false; 
     } 

more code leading up to ajax call ...

TinyMCE文件看起来像这样。

tinyMCE.init({ 
     mode : "textareas", 
     theme : "advanced", 
     plugins : "paste,advimage", 
     width : "100%", 
     height : "200", 
     relative_urls : false, 
     element_format : "html", 
     doctype : '<html>', 
     theme_advanced_blockformats : "p,h1,h2", 
     theme_advanced_buttons1 : "formatselect,bold,italic,|,justifyleft,justifycenter,justifyright,|,bullist,numlist,|,link,unlink,cleanup,|,cut,copy,paste,pastetext,|,image,hr,removeformat", 
     theme_advanced_buttons2 : "", 
     theme_advanced_buttons3 : "", 
     theme_advanced_toolbar_location : "top", 
     theme_advanced_toolbar_align : "left", 
     theme_advanced_statusbar_location : "bottom", 
     theme_advanced_resizing : false, 
     theme_advanced_resize_horizontal : false, 
     theme_advanced_resizing_use_cookie : false, 
     inline_styles : true 
});

和我的HTML看起来像这样

<form name="maakblogpost" id="form_createblog" method="post" onsubmit="return false;"> 

................................... 

    <div class="row"> 
     <div class="col-md-4"> 
      <span class="titel">Samenvatting van de blogpost</span> 
     </div> 
     <div class="col-md-7"> 
      <textarea name="synopsis" value=""></textarea> 
     </div> 
    </div>  

    <div class="row"> 
    <div class="col-md-4"> 
      <span class="titel">De daadwerkelijke inhoud van de blogpost</span> 
     </div> 
     <div class="col-md-7"> 
      <textarea name="inhoud" value=""></textarea> 
     </div> 
    </div> 
    <button class="submit button" name="maakblogpost" type="submit" id="left_btn">Sla uw blog op</button>  
</form>

我怀疑它的错误我自己的代码中，只是为了安全起见我张贴在这里，因为验证工作正常时，我有TinyMCE不包括在内。

这是tinymce版本3.5.7顺便说一句，这是否与它有关？是否有人知道它是否也出现在新版本（我认为他们现在是4东西）

来源

2014-10-27 Dorvalla

TinyMCE不会设置textarea的值，直到表单被提交，所以你需要手动调用tinyMCE.triggerSave();之前获得价值。

来源

2014-10-27 15:45:21 Sam

谢谢！ Triggersave做到了诀窍。我认为TinyMCE应该调用一个保存函数，因为它建立在textarea上，这不需要保存。但是，你的答案有窍门。谢谢。 – Dorvalla 2014-10-27 15:58:34

TinyMCE Javascript验证

回答

相关问题