来源：自学PHP网 时间：2014-12-14 21:28 作者： 阅读:次
[导读] 这样是我们写程序中最经常的写法 提交之前进行验证内容是否为空！...
|
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 中，原先的来不及置入内容便已经执行了验证事件所以当然取不到及时的内容！ //============================================== 以上内容为转帖，不过经过我实际工作的检验，有效。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
