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