2016-07-25 248 views
0

在我的PHP網頁的一個,我有一個TinyMCE的editor.Now,擊中「保存」按鈕之前,我檢查TinyMCE的編輯器是否爲空或不使用JavaScript,如下圖所示:tinyMCE的空驗證檢查

HTML:

<input type="submit" id="auBtn" name="auBtn" style="display: block;" value='<?php echo $subBtnCap; ?>' onclick="return validate();"/> 

的Javascript:

function validate(){ 
    if ((tinymce.EditorManager.get('bDesc').getContent()) != ''){ 
     alert('Blog Description can not be empty.'); 
     return false; 
    } 
} 

以上的JavaScript代碼通知我當編輯器empty.However,它仍然顯示提示信息時,編輯器不t空。請告訴我可能是我的代碼有問題。提前感謝。

回答

1

您有錯誤的條件。相反!=嘗試==

(tinymce.EditorManager.get('bDesc').getContent()) == '') 

整個工作例如:

<script src="http://cdn.tinymce.com/4/tinymce.min.js"></script> 
<script>tinymce.init({ 
     selector: 'textarea', 
     plugins: 'wordcount', 
    }); 

    function validate() { 
     if ((tinymce.EditorManager.get('bDesc').getContent()) == '') { 
      alert('Blog Description can not be empty.'); 
      return false; 
     } 
    } 
</script> 

<form method="POST" action=""> 
    <textarea name="bDesc"></textarea> 
    <input type="submit" id="auBtn" name="auBtn" style="display: block;" value='validate' onclick="return validate();"/> 
</form> 
0

TinyMCE的返回空<p></p>標籤時,有沒有在TinyMCE的。你可以做一件事,只需在tinymce初始化時添加配置選項forced_root_block:""。 例如,

tinyMCE.init({ 
      height: 250, 
      selector: 'textarea', 
      forced_root_block: "", 
      }); 

以上配置選項刪除默認的根標籤,現在TinyMCE的返回空字符串。

而且還更改您的代碼條件

function validate() { 
     if (tinymce.EditorManager.get('bDesc').getContent() === '') { 
      alert('Blog Description can not be empty.'); 
      return false; 
     } 
    }