原文:http://blog.csdn.net/wlsyn/article/details/11536399
在使用jquery的验证框架对kindeditor富文本编辑器进行验证的过程中,发现提 交时,总是需要点击两次验证才能通过,这是由于没有对kindeditor进行同步,第一次点击提交相当于同步,第二次点击才算是jquery能够取到富 文本编辑器的值,通过验证因此需要调用同步方法先同步,这样使用jquery validate进行验证时,一次便能通过验证:

[javascript] view plaincopy
  1. "font-size:18px;"> var editor;
  2. KindEditor.ready(function(K) {
  3. editor = K.create('textarea[name="content"]', {
  4. allowFileManager : true,
  5. afterBlur : function(){
  6. //编辑器失去焦点时直接同步,可以取到值
  7. this.sync();
  8. }
  9. });
  10. });

kindeditor基于的html的textarea元素定义如下:

  1. <</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使用需二次提交的问题的更多相关文章

  1. jQuery Validate验证框架详解

    转自:http://www.cnblogs.com/linjiqin/p/3431835.html jQuery校验官网地址:http://bassistance.de/jquery-plugins/ ...

  2. 【转】jQuery Validate验证框架详解

    jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type=& ...

  3. jQuery Validate验证框架与 jQuery ajaxSubmit的联合使用

    jQuery Validate验证框架自定义验证 第一步导入导入js库 <script src="<%=basePath%>static/js/jquery.js" ...

  4. atitit.jQuery Validate验证框架详解与ati Validate 设计新特性

    atitit.jQuery Validate验证框架详解与ati Validate 设计新特性 1. AtiValidate的目标1 2. 默的认校验规则1 2.1. 使用方式 1.metadata用 ...

  5. jQuery Validate验证框架详解(jquery.validate.min.js)

    原博客 jQuery Validate验证框架详解 jQuery校验官网地址:https://jqueryvalidation.org/ 一.导入js库 <script type="t ...

  6. jQuery Validate验证框架详解(转)

    jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type=& ...

  7. jQuery Validate验证框架详解,提交前验证

    现在都用h5表单进行验证了,以下方式仅做回忆 https://www.runoob.com/jquery/jquery-plugin-validate.html <!DOCTYPE HTML P ...

  8. jQuery Validate验证框架使用

    jQuery Validate使用前的准备,需要下载相应js包括:1.jquery.validate.min.js.2.additional-methods.min.js. 当然必不可少的js jQu ...

  9. 【转载】jQuery Validate验证框架 + CKEditor 无法验证问题的解决方法

    文章1:http://yangzhihuan.iteye.com/blog/717254 CKEDITOR.instances["page_content"].on("i ...

随机推荐

  1. OS X 禁止Android File Transfer自动启动

    操作步骤 关闭Android File Manager 在Activity Manager中退出Android File Manager Agent进程 在Applications中,将Android ...

  2. linux下的磁盘和文件系统管理

    一.硬盘分区知识 1.分区类型 硬盘分区一共有3种:主分区.扩展分区和逻辑分区.扩展分区只不过是逻辑分区的“容器”,实际上只有主分区和逻辑分区进行数据存储.在一块硬盘上最多只能有4个主分区,可以另外建 ...

  3. JavaScript笔记基础篇(一)

    一. 常用正则表达式汇总以及部分问题解决方案 正则匹配: var str = "This is my test"; var test = new RegExp("test ...

  4. 初识UML

    最近的学习中,遇到几次UML图,很是迷糊,确切的说,看不太懂.查阅UML相关资料,基本解决了这个问题.UML看起来还是相当深奥,这里只提一下解决问题的部分知识.(以下知识来自网络) Unified M ...

  5. leetcode 136

    136. Single Number Given an array of integers, every element appears twice except for one. Find that ...

  6. CentOS6 vsftpd 安装及优化方法

    我在每次配置ftp的时候都会一头雾水,一直也没总结一份特别完整有效的方法出来,这次特别记录一下,以备以后使用 1.安装vsftpd yum -y install vsftpd chkconfig vs ...

  7. Framework7--Test

    <!doctype html> <html> <head> <title>{{title}}</title> <meta charse ...

  8. Brn系列商城4.1正式发布,欢迎大家下载体验

    此次升级内容如下: 独立IP搜索策略 独立文件上传策略 添加退换货功能 重构支付方式 常规性修复和改进 下载地址:http://www.brnshop.com

  9. js中函数的定义

  10. widows下jieba分词的安装

    在切词的时候使用到jieba分词器,安装如下: 切入到结巴包,执行 python setup.py install 安装后,可以直接在代码中引用: import jieba