当使用ckeditor控件时,需要校验输入内容是否为空的一种解决
2012-08-08 17:11
609 查看
fckeditor 验证内容是否为空 fckeditor Js验证表单 原来的代码代码如下
这样是我们写程序中最经常的写法 提交之前进行验证内容是否为空! 使用了编辑器以后 在第一次按提交按钮的时候 总是获取不到编辑器的值 内容已经输入 可是content并没有任何值!需要我们再次点提交按钮 content 才能获取到值! 对于这个问题 好多人都觉得困惑!有写是用JS去读取输入域中的HTML内容!可是这只对全JS版本的fckeditor 才有效果 对 JSP版本的 并不起作用!对于这样的状态 也只能怪fckeditor开发者了!而代码太多太麻烦 想要修改其核心谈何容易! 本人经过不断的测试 现得到一个方法可以解决次问题!先拿出来大家分享 改写代码如下
修改成这样的目的是因为编辑器已经监视了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 中,原先的来不及置入内容便已经执行了验证事件所以当然取不到及时的内容!
//==============================================
以上内容为转帖,不过经过我实际工作的检验,有效。
相关文章推荐
- 当使用ckeditor控件时,需要校验输入内容是否为空的一种解决办法(转帖)
- 当使用ckeditor控件时,需要校验输入内容是否为空的一种解决办法(转帖)
- 使用iScroll时,input等不能输入内容的解决方法
- 使用iScroll时,input等不能输入内容的解决方法
- js输入框使用正则表达式校验输入内容的实例
- 解决git 每次使用都需要输入账号密码 ( Windows和linux)
- 解决 CefSharp WPF控件不能使用输入法输入中文的问题(代码已提交到 github)
- delphi使用COM控件的时候是否需要CoInitialize
- 校验输入的内容是否为数字
- 导入工程后出现“注: 某些输入文件使用或覆盖了已过时的 API”的一种解决办法
- jQuery中,在<input>中使用时间控件,当输入时间后,立刻获得该值(针对于.bind("input propertychange", function(){})不起作用的解决方法)
- [ASP.NET-VII] ASP.NET 使用验证控件(RegularExpressionValidator)验证输入(TextBox)中的输入是否合法
- 使用jquery对输入框内容设置自动校验,只允许数字的输入
- 利用反射实现ASP.NET控件和数据实体之间的双向绑定,并且在客户端自动验证输入的内容是否合法
- 验证控件内容是否为空写法二(使用服务器控件进行非空验证的前台代码)
- 用于解决AlertDialog中需要向EditText输入内容却不能弹出输入法
- 在页面中使用updatePanel和freeTextBox时,当页面刷子新后,ftb不能输入内容的解决办法
- 关于AysncController的一次测试(url重写后静态页文件内容的读取是否需要使用异步?)
- VS2012使用验证控件出现[ASP.NET]WebForms UnobtrusiveValidationMode 需要 'jquery' 的 ScriptResourceMapping。請加入 ScriptResourceMapping 命名的 jquery (區分大小寫)。的解决办法。
- js输入框使用正则表达式校验输入内容的实例