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 中,原先的来不及置入内容便已经执行了验证事件所以当然取不到及时的内容!
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 中,原先的来不及置入内容便已经执行了验证事件所以当然取不到及时的内容!
|
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 中,原先的来不及置入内容便已经执行了验证事件所以当然取不到及时的内容!
|
分享到:
相关推荐
总的来说,这个“fckeditor 和js验证框架 压缩包”涵盖了富文本编辑和前端表单验证两个主要的Web开发领域。对于学习和使用这些技术的开发者来说,这个压缩包提供了宝贵的资源和实例,可以帮助他们更好地理解和应用...
// 比如验证编辑器中的内容是否满足某些要求 } }); ``` 需要注意的是,在代码示例中,由于OCR扫描可能存在的问题,部分变量名或对象的属性可能存在识别错误。因此,在实际编写代码时,需要根据FCKEditor的API...
3. **处理提交**:确保在表单提交时,FCKeditor的内容能正确地与服务器通信。通常,FCKeditor会自动处理,但有时需要自定义处理逻辑。 ### 四、高级配置 - **XML配置**:除了`fckconfig.js`,FCKeditor还支持通过...
当用户在FCKeditor中编辑完内容并提交表单时,可以通过`request.getParameter()`方法在服务器端获取编辑的内容。例如,如果你的JSP页面有一个名为`submitForm`的表单,你可以这样做: ```java String editorContent...
在实际开发中,这些方法和属性可以帮助开发者实现与FCKeditor的深度交互,如动态更新编辑器内容,验证用户输入,或者在表单提交前获取富文本内容。理解并熟练运用这些API对于开发包含富文本编辑功能的Web应用至关...
JavaScript组件FCKeditor是一款强大的富文本编辑器,广泛应用于网页开发中,为用户提供了一种类似于Microsoft Word的编辑体验。在Web应用中,FCKeditor允许用户在浏览器端进行文本格式化、图片插入、链接创建等一...
6. **处理提交的富文本**:由于富文本包含HTML标签,提交表单时需要处理这些数据。在服务器端,你可以使用相应的.NET类来解析和处理这些内容。 7. **安全与兼容性**:FCKeditor虽然强大,但也要注意安全问题,比如...
(4)处理用户提交的富文本内容,如验证、存储或转换为其他格式。 7. **安全考虑**: 虽然FCKeditor提供了方便的富文本编辑功能,但使用时需要注意安全问题,比如防止XSS(跨站脚本攻击)和CSRF(跨站请求伪造)。...
- 在Java后端,你需要一个Servlet来处理FCKEditor提交的内容。这个Servlet接收富文本编辑器发送的请求,处理HTML数据,并将其保存到数据库或其他存储介质中。 - 在前端,通过JSP或HTML页面引入FCKEditor的...
5. 保存与加载内容:在用户提交表单时,通过JavaScript的`FCKeditor.GetInstance().Value`获取编辑器中的内容,然后保存到数据库。当页面重新加载或回显数据时,再将内容填充到编辑器中。 三、FCKeditor与.NET项目...
综上所述,"万能Form表单验证"是一个全面的验证解决方案,结合正则表达式和前端、后端技术,为Web应用的表单数据输入提供了有力保障。通过学习和应用这些技术,开发者可以创建出更健壮、用户体验更佳的Web表单。
4. **事件处理**:ASP.NET控件提供了丰富的事件处理机制,如`OnLoad`、`OnInit`等,开发者可以利用这些事件来控制编辑器的行为,比如初始化时加载预设内容,或者在提交表单前获取编辑器的HTML内容。 5. **文件管理*...
3. **表单提交**:FCKeditor将图片文件封装在HTTP表单数据中,通过Ajax或传统的POST请求发送到服务器。 4. **服务器处理**:在JSP应用的服务器端,一个Servlet或JSP页面接收这个请求,读取上传的文件内容,可能还会...
FCKeditor(现已更名为CKEditor)是另一款知名的开源富文本编辑器,它以其易用性和灵活性著称。FCKeditor提供了多种预置样式,支持图片上传、链接管理等功能。其破解过程同样指的是获取并配置开源版本。使用示例可能...
在提交包含FCKEditor内容的表单时,需要进行数据验证,确保内容符合预期格式。这通常通过在服务器端检查提交的数据来实现。例如,如果使用PHP,可以在表单处理脚本中进行如下验证: ```php if (isset($_POST['editor...
【FCKeditor+Java超炫相册】是一个利用FCKeditor和Java技术开发的网络相册应用,旨在提供与主流网站相媲美的用户体验。FCKeditor是一个强大的富文本编辑器,而Java则作为后端语言处理数据和业务逻辑。这个项目不仅...
4. **启动服务**:启动Tomcat服务器,访问`http://localhost:8080/FCKeditor/`,验证FCKeditor是否正常工作。 **三、FCKeditor的应用场景** 1. **博客系统**:在博客发布文章时,用户可以通过FCKeditor轻松编辑文章...
5. **处理表单提交**:由于FCKeditor的内容是以HTML格式存储的,你需要在服务器端处理这个HTML数据,将其保存到数据库或其他存储介质。这可能需要使用.NET的字符串处理函数,或者使用正则表达式进行清洗和验证。 6....