当使用ckeditor控件时,需要校验输入内容是否为空的一种解决办法(转帖)
2011-01-10 17:07
519 查看
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 中,原先的来不及置入内容便已经执行了验证事件所以当然取不到及时的内容!
//==============================================
以上内容为转帖,不过经过我实际工作的检验,有效。
相关文章推荐
- 当使用ckeditor控件时,需要校验输入内容是否为空的一种解决办法(转帖)
- 当使用ckeditor控件时,需要校验输入内容是否为空的一种解决
- 在页面中使用updatePanel和freeTextBox时,当页面刷子新后,ftb不能输入内容的解决办法
- 使用iscroll后,input等不能输入内容的解决办法
- 导入工程后出现“注: 某些输入文件使用或覆盖了已过时的 API”的一种解决办法
- 常量,字段,构造方法 调试 ms 源代码 一个C#二维码图片识别的Demo 近期ASP.NET问题汇总及对应的解决办法 c# chart控件柱状图,改变柱子宽度 使用C#创建Windows服务 C#服务端判断客户端socket是否已断开的方法 线程 线程池 Task .NET 单元测试的利剑——模拟框架Moq
- Archlinux下firefox无法使用支付宝控件(aliedit)输入密码/进行支付的解决办法
- VS2012使用验证控件出现[ASP.NET]WebForms UnobtrusiveValidationMode 需要 'jquery' 的 ScriptResourceMapping。請加入 ScriptResourceMapping 命名的 jquery (區分大小寫)。的解决办法。
- 使用驱动器X:中的光盘之前需要将其格式化,是否将其格式化格式化の解决办法
- 使用easyui执行post后不会提交kindeditor对应的textarea中新增的内容。只会显示默认内容解决办法
- 有关ViewPager使用及解决ViewPager的item需要展示多个控件
- ORDER BY 子句在子查询和公用表表达式中无效的一种解决办法--使用表变量
- 使用ejs编译后,内容会转义的解决办法
- 使用file隐藏控件引发的按钮被拒绝访问解决办法
- bootstrap模态框modal使用remote第二次加载显示相同内容解决办法
- C++(10):VS2015使用某些函数显示不安全需要末尾添加_s的解决办法
- 【java】输入交易密码控件,即keys在控件不可见的情况输入的解决办法
- NSIS ---使用nsDialogs创建自定义页面,并获取输入到控件中的内容保存到一个XML文档中
- 使用委托控件触发input file的时候,IE10以下报错SCRIPT:5拒绝访问解决办法
- android 输入法出现挤压屏幕、android输入键盘覆盖了屏幕控件的解决办法