當(dāng)使用ckeditor控件時，需要校驗(yàn)輸入內(nèi)容是否為空的一種解決辦法（轉(zhuǎn)帖）
更新時間：2011年01月12日 00:05:24 作者：
這樣是我們寫程序中最經(jīng)常的寫法 提交之前進(jìn)行驗(yàn)證內(nèi)容是否為空！
fckeditor 驗(yàn)證內(nèi)容是否為空 fckeditor Js驗(yàn)證表單
原來的代碼代碼如下
<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)常的寫法 提交之前進(jìn)行驗(yàn)證內(nèi)容是否為空！
使用了編輯器以后 在第一次按提交按鈕的時候 總是獲取不到編輯器的值 內(nèi)容已經(jīng)輸入 可是content并沒有任何值！需要我們再次點(diǎn)提交按鈕 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>
修改成這樣的目的是因?yàn)榫庉嬈饕呀?jīng)監(jiān)視了onsubmit這個事件 是要在提交以后才把跟新的內(nèi)容置入隱藏域content 中，原先的來不及置入內(nèi)容便已經(jīng)執(zhí)行了驗(yàn)證事件所以當(dāng)然取不到及時的內(nèi)容！
//==============================================
以上內(nèi)容為轉(zhuǎn)帖，不過經(jīng)過我實(shí)際工作的檢驗(yàn)，有效。
原來的代碼代碼如下
復(fù)制代碼 代碼如下:
<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)常的寫法 提交之前進(jìn)行驗(yàn)證內(nèi)容是否為空！
使用了編輯器以后 在第一次按提交按鈕的時候 總是獲取不到編輯器的值 內(nèi)容已經(jīng)輸入 可是content并沒有任何值！需要我們再次點(diǎn)提交按鈕 content 才能獲取到值！
對于這個問題 好多人都覺得困惑！有寫是用JS去讀取輸入域中的HTML內(nèi)容！可是這只對全JS版本的fckeditor 才有效果 對 JSP版本的 并不起作用！對于這樣的狀態(tài) 也只能怪fckeditor開發(fā)者了！而代碼太多太麻煩 想要修改其核心談何容易！
本人經(jīng)過不斷的測試 現(xiàn)得到一個方法可以解決次問題！先拿出來大家分享
改寫代碼如下
復(fù)制代碼 代碼如下:
<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>
修改成這樣的目的是因?yàn)榫庉嬈饕呀?jīng)監(jiān)視了onsubmit這個事件 是要在提交以后才把跟新的內(nèi)容置入隱藏域content 中，原先的來不及置入內(nèi)容便已經(jīng)執(zhí)行了驗(yàn)證事件所以當(dāng)然取不到及時的內(nèi)容！
//==============================================
以上內(nèi)容為轉(zhuǎn)帖，不過經(jīng)過我實(shí)際工作的檢驗(yàn)，有效。
相關(guān)文章
FCKeditor是目前最優(yōu)秀的可見即可得網(wǎng)頁編輯器之一，它采用JavaScript編寫。具備功能強(qiáng)大、配置容易、跨瀏覽器、支持多種編程語言、開源等特點(diǎn)2012-05-05
Ueditor和CKeditor 兩款編輯器的使用與配置方法
這篇文章主要介紹了Ueditor和CKeditor 兩款編輯器的使用與配置方法,需要的朋友可以參考下2017-03-03
eWebEditor_v280_Free_Final最好用的網(wǎng)頁編輯器下載
eWebEditor_v280_Free_Final最好用的網(wǎng)頁編輯器下載...2007-09-09
在線HTML編輯器就是在線編輯HTML代碼的工具，它經(jīng)常被應(yīng)用于留言板留言、論壇發(fā)貼、Blog編寫日志或等需要用戶輸入HTML的地方，是Web應(yīng)用的常用模塊之一。2010-12-12
asp.net+FCKeditor上傳圖片顯示叉叉圖片無法顯示的問題的解決方法
今天用FCKeditor上傳圖片的時候，圖片可以上傳成功，可是預(yù)覽的時候卻顯示個叉叉，前臺也是顯示不出來，原來服務(wù)器需要配置下。2011-07-07
將CKfinder 整合進(jìn) CKEditor3.0的方法
CKFinder是一款基于AJAX的文件瀏覽器，這是ASP.NET專用版，它可以在線瀏覽文件、管理文件、上傳文件，以樹形Tree的方式展開目錄，自動檢測圖片并生成縮略圖，它是由Fckeditor公司出品，同時也可配合FckEditor來使用，可達(dá)到意想不到的效果。2010-01-01
通過Fckeditor把圖片上傳到獨(dú)立圖片服務(wù)器的方法
大部分網(wǎng)站的后臺,都是把圖片上傳到本地服務(wù)器上,但圖片也消耗很多帶寬,門戶網(wǎng)站都有單獨(dú)的圖片服務(wù)器,怎么實(shí)現(xiàn)呢?2011-05-05
整理資料的時候，發(fā)現(xiàn)電腦里保存了一些ASX文件。這些文件原來是玩MSN空間時用到的，主要用于在MSN空間上安裝播放器。很久沒玩MSN空間了，雖然現(xiàn)在也還在用MSN，但MSN空間的速度真的是慢得讓我難以接受，所以還是不用MSN空間。順便分析一下ASX文件的格式，以方便那些還在用MSN空間的朋友。2008-02-02
FCKeditor提供了一個完整的JavaScript API
FCKeditor提供了一個完整的JavaScript API(Application Public Interface),你可以利用這些API來處理FCK編輯器,只要它被加載完成或在正在運(yùn)行中.2009-12-12
FCKeditor 2.6 編碼錯誤導(dǎo)致修改的內(nèi)容出現(xiàn)亂碼的解決方法
我修改了該文件，其中有些中文字，在 IE 中打開之，發(fā)現(xiàn)是亂碼，原來這個文件有問題。文件中指定了 charset 為 utf-82010-03-03