当使用ckeditor控件时，需要校验输入内容是否为空的一种解决办法（转帖）
更新时间：2011年01月12日 00:05:24 作者：
这样是我们写程序中最经常的写法 提交之前进行验证内容是否为空！
fckeditor 验证内容是否为空 fckeditor Js验证表单
原来的代码代码如下
<script language = "javascript">
<!--
function checkForm(){
if (document.form1.content.value==""){
alert("请输入内容！");
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="发布">
</form>
这样是我们写程序中最经常的写法 提交之前进行验证内容是否为空！
使用了编辑器以后 在第一次按提交按钮的时候 总是获取不到编辑器的值 内容已经输入 可是content并没有任何值！需要我们再次点提交按钮 content 才能获取到值！
对于这个问题 好多人都觉得困惑！有写是用JS去读取输入域中的HTML内容！可是这只对全JS版本的fckeditor 才有效果 对 JSP版本的 并不起作用！对于这样的状态 也只能怪fckeditor开发者了！而代码太多太麻烦 想要修改其核心谈何容易！
本人经过不断的测试 现得到一个方法可以解决次问题！先拿出来大家分享
改写代码如下
<script language = "javascript">
<!--
function checkForm(){
setTimeout("SendForm()",50);
return false;
}
function SendForm(){
if (document.form1.content.value==""){
alert("请输入内容！");
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="发布">
</form>
修改成这样的目的是因为编辑器已经监视了onsubmit这个事件 是要在提交以后才把跟新的内容置入隐藏域content 中，原先的来不及置入内容便已经执行了验证事件所以当然取不到及时的内容！
//==============================================
以上内容为转帖，不过经过我实际工作的检验，有效。
原来的代码代码如下
复制代码 代码如下:
<script language = "javascript">
<!--
function checkForm(){
if (document.form1.content.value==""){
alert("请输入内容！");
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="发布">
</form>
这样是我们写程序中最经常的写法 提交之前进行验证内容是否为空！
使用了编辑器以后 在第一次按提交按钮的时候 总是获取不到编辑器的值 内容已经输入 可是content并没有任何值！需要我们再次点提交按钮 content 才能获取到值！
对于这个问题 好多人都觉得困惑！有写是用JS去读取输入域中的HTML内容！可是这只对全JS版本的fckeditor 才有效果 对 JSP版本的 并不起作用！对于这样的状态 也只能怪fckeditor开发者了！而代码太多太麻烦 想要修改其核心谈何容易！
本人经过不断的测试 现得到一个方法可以解决次问题！先拿出来大家分享
改写代码如下
复制代码 代码如下:
<script language = "javascript">
<!--
function checkForm(){
setTimeout("SendForm()",50);
return false;
}
function SendForm(){
if (document.form1.content.value==""){
alert("请输入内容！");
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="发布">
</form>
修改成这样的目的是因为编辑器已经监视了onsubmit这个事件 是要在提交以后才把跟新的内容置入隐藏域content 中，原先的来不及置入内容便已经执行了验证事件所以当然取不到及时的内容！
//==============================================
以上内容为转帖，不过经过我实际工作的检验，有效。
相关文章
有不少朋友现在也喜欢用asp下用fckeditor编辑器了，下面是具体的使用方法。需要的朋友可以参考下。2009-12-12
19款javascript富文本编辑器。也许你还有兴趣查看15个基于Web的HTML编辑器和6款所见即所得(WYSIWYG)的在线Web编辑器。2010-11-11
开发的“历史五千年”网站，使用FCKeditor，在本地上传图片一切正常，但昨天晚上实际向网络服务器（Windows Server 2003）发送图片时，发送图像进度条一直在滚动，无法关闭，通过FTP服务器查看服务器，图片已经传送上去，但这个滚动条却无法结束。2011-08-08
这篇文章主要介绍了让IE8和IE9支持eWebEditor在线编辑器的方法,eWebEditor常用在ASP制作的网站后台中,是比较古老的一款在线编辑器了,需要让IE8和IE9支持的朋友可以参考下2014-06-06
一：基于对话框的插件：一步一步创建基于对话框的fck插件。2009-06-06
这篇文章主要介绍了js获取UEditor富文本编辑器中的图片地址,最简单的思路应该是先获取UEditor中的内容再将获取到的字符串转换成jquery对象，选择器找到img元素，获取src值2020-02-02
使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板2014-06-06
随着windows操作系统和IE浏览器版本的不断推出，很多客户都渐渐放弃了IE6，IE7，使用上了IE8浏览器，但是突然发现自己网站后台里面的eWebEditor文本编辑器的插入图片等等按钮失效了，鼠标点击后什么反应都没有，IE浏览器左下角显示一个黄色的感叹号提示错误，就以为是网站空间、服务器中毒了呢，一时间纷纷都来找我们询问2012-03-03
CKFinder是一款基于AJAX的文件浏览器，这是ASP.NET专用版，它可以在线浏览文件、管理文件、上传文件，以树形Tree的方式展开目录，自动检测图片并生成缩略图，它是由Fckeditor公司出品，同时也可配合FckEditor来使用，可达到意想不到的效果。2010-01-01
由于国外的服务器好象对一些要引用dll编辑器由于安全问题,锁定了web.config中的一些权限,在先试了FreeTexbox不行,FCKEditor也不行,因为都是要引用dll文件,最后同事介绍一款 纯js的kindeditor编辑器,2010-12-12
最新评论