【转】jquery validate验证框架与kindeditor使用需二次提交的问题
2016-10-24 17:06
471 查看
原文:http://blog.csdn.net/wlsyn/article/details/11536399
在使用jquery的验证框架对kindeditor富文本编辑器进行验证的过程中,发现提 交时,总是需要点击两次验证才能通过,这是由于没有对kindeditor进行同步,第一次点击提交相当于同步,第二次点击才算是jquery能够取到富 文本编辑器的值,通过验证因此需要调用同步方法先同步,这样使用jquery validate进行验证时,一次便能通过验证:
[javascript] view plaincopy
"font-size:18px;"> var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true,
afterBlur : function(){
//编辑器失去焦点时直接同步,可以取到值
this.sync();
}
});
});
kindeditor基于的html的textarea元素定义如下:
[html] view plaincopy
<</span>span style="font-size:18px;"><</span>textarea name="content" style="width:800px;height:400px" value="">${eventTip.content}</</span>textarea></</span>span>
此外,通过jquery的取值方法去取这个 元素的值时,都需要先进行同步,然后才能取到改元素的值。总之,如果需要操作kindeditor渲染的富文本编辑器的值,如果出现问题,都需要先查看是否是同步的问题。
在使用jquery的验证框架对kindeditor富文本编辑器进行验证的过程中,发现提 交时,总是需要点击两次验证才能通过,这是由于没有对kindeditor进行同步,第一次点击提交相当于同步,第二次点击才算是jquery能够取到富 文本编辑器的值,通过验证因此需要调用同步方法先同步,这样使用jquery validate进行验证时,一次便能通过验证:
[javascript] view plaincopy
"font-size:18px;"> var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true,
afterBlur : function(){
//编辑器失去焦点时直接同步,可以取到值
this.sync();
}
});
});
kindeditor基于的html的textarea元素定义如下:
[html] view plaincopy
<</span>span style="font-size:18px;"><</span>textarea name="content" style="width:800px;height:400px" value="">${eventTip.content}</</span>textarea></</span>span>
此外,通过jquery的取值方法去取这个 元素的值时,都需要先进行同步,然后才能取到改元素的值。总之,如果需要操作kindeditor渲染的富文本编辑器的值,如果出现问题,都需要先查看是否是同步的问题。
相关文章推荐
- jquery validate验证框架与kindeditor使用问题
- jquery validate验证框架与kindeditor使用问题
- 在ssh2整合框架中,客户端使用jquery validate ajax验证用户名是否重复时,出现问题。 请指教!
- 关于引入多个jquery冲突的问题(附一个很好用的validate前端验证框架及使用方法)
- 使用jquery Validate的时候验证出错的提示显示位置问题
- jquery表单验证框架 jquery.validate.min.js的使用
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理
- jquery-validate--使用由于疏忽导致的问题1(input失去焦点没有被验证,submit才验证)
- aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)
- 使用jquery validate和ajax进行表单验证并向后台提交数据
- 『转载』jQuery Validate验证框架 + CKEditor 无法验证问题的解决方法
- jQuery Validate验证框架 + CKEditor 无法验证问题的解决方法
- Jquery.Validate验证框架的使用说明
- 【转载】jQuery Validate验证框架 + CKEditor 无法验证问题的解决方法
- Jquery.Validate验证框架的使用说明
- jquery的表单验证框架 --validate的使用
- Jquery Validate验证框架的使用说明
- 解决ssh中使用struts2验证框架提示错误后正确无法提交的问题
- jquery.validate不使用submit提交,而是使用button按钮提交,以及使用ajax验证用户名
- 关于jQuery.validate验证框架整合css样式的问题