当使用ckeditor控件时,需要校验输入内容是否为空的一种解决办法(转帖)
CKEditor内容非空验证失效,因编辑器在表单提交后才更新隐藏域,验证脚本提前读取空值。解决方法:在验证函数中取消表单提交,利用setTimeout延迟50毫秒,待编辑器完成同步后再执行验证和提交。
先说一个让不少开发者头疼的经典场景:当你第一次尝试用Ja vaScript验证FCKeditor(现在叫CKEditor了)的内容是否为空时,十有八九会碰到“内容明明填了,但验证函数死活认为它是空的”这种诡异问题。非得再点一次提交按钮,才能拿到正确的值。这到底是怎么回事?
问题的根源,其实出在FCKeditor对 onsubmit 事件的“监听”机制上。编辑器会在表单提交之后,才把自己的最新内容同步到隐藏域(也就是 document.form1.content)中。而你的验证脚本是在提交之前执行的——它读到的自然是还没来得及更新的旧值,也就是空字符串。
最常见的写法是这样的:
这个写法,在普通文本框上没问题,但放在FCKeditor上就失效了。原因就是上面说的——编辑器还没把内容写进隐藏域,验证就已经跑完了。
那么,怎么解决?其实思路很简单:我们不让验证函数直接读取隐藏域的值,而是等编辑器把内容更新完毕之后,再去读取。这里有一个非常实用的技巧——利用 setTimeout 延迟一小段时间再执行验证,同时让表单先不提交。
改写后的代码如下:
改动就两个关键点:
- 在
checkForm里return false,先取消表单的默认提交行为。 - 用
setTimeout延迟50毫秒(这个时间足够编辑器完成同步了),再去执行真正的验证和提交。
这样一来,编辑器有足够的时间把内容写入隐藏域,验证函数就能拿到正确的值了。这个小技巧,并非什么高深原理,只是摸清了FCKeditor的“脾气”——它会在表单提交后,而不是提交前,更新隐藏域。所以我们要做的,就是让验证发生在它更新之后。
这个方案经过实际项目检验,稳定有效。如果你还在用老版本的FCKeditor,或者遇到类似的问题,不妨试试这个思路。当然,如果换成新版CKEditor,它的API更完善,通常可以直接用 CKEDITOR.instances.content.getData() 获取内容,但原理上,理解这个“延迟提交”的思路,对处理其他类似的编辑器问题也很有帮助。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。
Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件,支持 Windows、macOS 和 iPad 等平台,广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件,为私密数据添加多重保护。高频操作更强调就近处理,浏览、整理和跨目录移动文件时,来回切换和重复点击都会少很多。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。


























