當使用ckeditor控件時，需要校驗輸入內(nèi)容是否為空的一種解決辦法（轉(zhuǎn)帖）
更新時間：2011年01月12日 00:05:24 作者：
這樣是我們寫程序中最經(jīng)常的寫法 提交之前進行驗證內(nèi)容是否為空！
fckeditor 驗證內(nèi)容是否為空 fckeditor Js驗證表單
原來的代碼代碼如下
<script language = "javascript">
<!--
function checkForm(){
if (document.form1.content.value==""){
alert("請輸入內(nèi)容！");
return false;
}
return true;
}
//-->
</script>
<form name="form1" method="post" action="" onsubmit="return checkForm();">
<FCK:editor id="content" basePath="fckeditor/" height="350" >
</FCK:editor>
<input type="submit" name="Submit" value="發(fā)布">
</form>
這樣是我們寫程序中最經(jīng)常的寫法 提交之前進行驗證內(nèi)容是否為空！
使用了編輯器以后 在第一次按提交按鈕的時候 總是獲取不到編輯器的值 內(nèi)容已經(jīng)輸入 可是content并沒有任何值！需要我們再次點提交按鈕 content 才能獲取到值！
對于這個問題 好多人都覺得困惑！有寫是用JS去讀取輸入域中的HTML內(nèi)容！可是這只對全JS版本的fckeditor 才有效果 對 JSP版本的 并不起作用！對于這樣的狀態(tài) 也只能怪fckeditor開發(fā)者了！而代碼太多太麻煩 想要修改其核心談何容易！
本人經(jīng)過不斷的測試 現(xiàn)得到一個方法可以解決次問題！先拿出來大家分享
改寫代碼如下
<script language = "javascript">
<!--
function checkForm(){
setTimeout("SendForm()",50);
return false;
}
function SendForm(){
if (document.form1.content.value==""){
alert("請輸入內(nèi)容！");
return;
}
document.form1.submit();
}
//-->
</script>
<form name="form1" method="post" action="" onsubmit="return checkForm();">
<FCK:editor id="content" basePath="fckeditor/" height="350" >
</FCK:editor>
<input type="submit" name="Submit" value="發(fā)布">
</form>
修改成這樣的目的是因為編輯器已經(jīng)監(jiān)視了onsubmit這個事件 是要在提交以后才把跟新的內(nèi)容置入隱藏域content 中，原先的來不及置入內(nèi)容便已經(jīng)執(zhí)行了驗證事件所以當然取不到及時的內(nèi)容！
//==============================================
以上內(nèi)容為轉(zhuǎn)帖，不過經(jīng)過我實際工作的檢驗，有效。
原來的代碼代碼如下
復制代碼 代碼如下:
<script language = "javascript">
<!--
function checkForm(){
if (document.form1.content.value==""){
alert("請輸入內(nèi)容！");
return false;
}
return true;
}
//-->
</script>
<form name="form1" method="post" action="" onsubmit="return checkForm();">
<FCK:editor id="content" basePath="fckeditor/" height="350" >
</FCK:editor>
<input type="submit" name="Submit" value="發(fā)布">
</form>
這樣是我們寫程序中最經(jīng)常的寫法 提交之前進行驗證內(nèi)容是否為空！
使用了編輯器以后 在第一次按提交按鈕的時候 總是獲取不到編輯器的值 內(nèi)容已經(jīng)輸入 可是content并沒有任何值！需要我們再次點提交按鈕 content 才能獲取到值！
對于這個問題 好多人都覺得困惑！有寫是用JS去讀取輸入域中的HTML內(nèi)容！可是這只對全JS版本的fckeditor 才有效果 對 JSP版本的 并不起作用！對于這樣的狀態(tài) 也只能怪fckeditor開發(fā)者了！而代碼太多太麻煩 想要修改其核心談何容易！
本人經(jīng)過不斷的測試 現(xiàn)得到一個方法可以解決次問題！先拿出來大家分享
改寫代碼如下
復制代碼 代碼如下:
<script language = "javascript">
<!--
function checkForm(){
setTimeout("SendForm()",50);
return false;
}
function SendForm(){
if (document.form1.content.value==""){
alert("請輸入內(nèi)容！");
return;
}
document.form1.submit();
}
//-->
</script>
<form name="form1" method="post" action="" onsubmit="return checkForm();">
<FCK:editor id="content" basePath="fckeditor/" height="350" >
</FCK:editor>
<input type="submit" name="Submit" value="發(fā)布">
</form>
修改成這樣的目的是因為編輯器已經(jīng)監(jiān)視了onsubmit這個事件 是要在提交以后才把跟新的內(nèi)容置入隱藏域content 中，原先的來不及置入內(nèi)容便已經(jīng)執(zhí)行了驗證事件所以當然取不到及時的內(nèi)容！
//==============================================
以上內(nèi)容為轉(zhuǎn)帖，不過經(jīng)過我實際工作的檢驗，有效。
相關文章
有不少朋友現(xiàn)在也喜歡用asp下用fckeditor編輯器了，下面是具體的使用方法。需要的朋友可以參考下。2009-12-12
19款javascript富文本編輯器。也許你還有興趣查看15個基于Web的HTML編輯器和6款所見即所得(WYSIWYG)的在線Web編輯器。2010-11-11
開發(fā)的“歷史五千年”網(wǎng)站，使用FCKeditor，在本地上傳圖片一切正常，但昨天晚上實際向網(wǎng)絡服務器（Windows Server 2003）發(fā)送圖片時，發(fā)送圖像進度條一直在滾動，無法關閉，通過FTP服務器查看服務器，圖片已經(jīng)傳送上去，但這個滾動條卻無法結(jié)束。2011-08-08
這篇文章主要介紹了讓IE8和IE9支持eWebEditor在線編輯器的方法,eWebEditor常用在ASP制作的網(wǎng)站后臺中,是比較古老的一款在線編輯器了,需要讓IE8和IE9支持的朋友可以參考下2014-06-06
一：基于對話框的插件：一步一步創(chuàng)建基于對話框的fck插件。2009-06-06
這篇文章主要介紹了js獲取UEditor富文本編輯器中的圖片地址,最簡單的思路應該是先獲取UEditor中的內(nèi)容再將獲取到的字符串轉(zhuǎn)換成jquery對象，選擇器找到img元素，獲取src值2020-02-02
使用ZeroClipboard解決跨瀏覽器復制到剪貼板的問題
Zero Clipboard 利用透明的Flash讓其漂浮在復制按鈕之上，這樣其實點擊的不是按鈕而是 Flash ，這樣將需要的內(nèi)容傳入Flash，再通過Flash的復制功能把傳入的內(nèi)容復制到剪貼板2014-06-06
徹底解決ewebeditor網(wǎng)站后臺不能上傳圖片的方法
隨著windows操作系統(tǒng)和IE瀏覽器版本的不斷推出，很多客戶都漸漸放棄了IE6，IE7，使用上了IE8瀏覽器，但是突然發(fā)現(xiàn)自己網(wǎng)站后臺里面的eWebEditor文本編輯器的插入圖片等等按鈕失效了，鼠標點擊后什么反應都沒有，IE瀏覽器左下角顯示一個黃色的感嘆號提示錯誤，就以為是網(wǎng)站空間、服務器中毒了呢，一時間紛紛都來找我們詢問2012-03-03
CKFinder是一款基于AJAX的文件瀏覽器，這是ASP.NET專用版，它可以在線瀏覽文件、管理文件、上傳文件，以樹形Tree的方式展開目錄，自動檢測圖片并生成縮略圖，它是由Fckeditor公司出品，同時也可配合FckEditor來使用，可達到意想不到的效果。2010-01-01
在asp.net中KindEditor編輯器的使用方法小結(jié)
由于國外的服務器好象對一些要引用dll編輯器由于安全問題,鎖定了web.config中的一些權限,在先試了FreeTexbox不行,FCKEditor也不行,因為都是要引用dll文件,最后同事介紹一款 純js的kindeditor編輯器,2010-12-12