xheditor与validate插件冲突的解决方案


Posted in Javascript onApril 15, 2010

xheditorvalidate都是优秀的jQuery插件,但将两者组合到起,如果初始化的顺序不当,则会出现一些微妙的结果。我在做一个文本提交页面时就同时用到了这两个插件,一个用于显示富文本编辑器,一个用来验证用户是否填写的内容,我的初始化代码如下:

$("#form1").validate({ 
rules: { 
Body: "required" 
}, 
messages: { 
Body: "请填写正文" 
} 
}); 
var editor = $("#Body").xheditor(true, { 
tools: "simple" 
});

但在提交时,尽管已经填写了内容,第一次点击提交按钮时仍然显示“请填写正文”,第二次点击提交按钮时才会真正提交,这一现象让我百思不得其解,究竟问题出在哪了呢?

因为当前项目中有多个页面都用到了这两个插件,而其中有一个页面提交时是正常的,于是我便仔细的对比了正常的和有问题的页面异同,发现初始化的顺序不一样。在能正常提交的页面中先初始化的xheditor,然后初始化的validate,而有问题的页面正好相反,原来是这样!问题到此也用迎刃而解了,只要颠倒这两个插件的初始化顺序,让xheditor在validate之前初始化,就可避免“两次提交”问题的发生。

希望本文对您有所帮助。

CKEditor也有这问题,我解决方法是获取Editor里内容放入到textarea里就好了。

Javascript 相关文章推荐
实现动画效果核心方式的js代码
Sep 27 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 Javascript
微信中一些常用的js方法汇总
Mar 12 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
May 29 Javascript
详解js中构造流程图的核心技术JsPlumb
Dec 08 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
NODE.JS跨域问题的完美解决方案
Oct 20 Javascript
JS实现登录页密码的显示和隐藏功能
Dec 06 Javascript
Node.js EventEmmitter事件监听器用法实例分析
Jan 07 Javascript
微信小程序实现限制用户转发功能的实例代码
Feb 22 Javascript
微信小程序实现翻牌抽奖动画
Sep 21 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 21 Javascript
js 获取Listbox选择的值的代码
Apr 15 #Javascript
JavaScript toFixed() 方法
Apr 15 #Javascript
js function定义函数使用心得
Apr 15 #Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 #Javascript
关于文本框的一些限制控制总结~~
Apr 15 #Javascript
JS input文本框禁用右键和复制粘贴功能的代码
Apr 15 #Javascript
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
Apr 15 #Javascript
You might like
C# Assembly类访问程序集信息
2009/06/13 PHP
PHP实现在线阅读PDF文件的方法
2015/06/23 PHP
PHP实现函数内修改外部变量值的方法示例
2018/12/28 PHP
PHP设计模式之单例模式定义与用法分析
2019/03/26 PHP
JavaScript 异步调用框架 (Part 3 - 代码实现)
2009/08/04 Javascript
js中同步与异步处理的方法和区别总结
2013/12/25 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
2015/04/25 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
jQuery 实现评论等级好评差评特效
2016/05/06 Javascript
AngularJs表单验证实例详解
2016/05/30 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
2016/06/12 Javascript
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理操作
2016/08/29 Javascript
js格式化时间的简单实例
2016/11/27 Javascript
jQuery快速实现商品数量加减的方法
2017/02/06 Javascript
深入理解Vue nextTick 机制
2018/04/28 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
2019/05/09 Javascript
es6数组的flat(),flatMap()函数用法实例分析
2020/04/18 Javascript
[01:47]2018年度DOTA2最具人气解说-完美盛典
2018/12/16 DOTA
python搭建服务器实现两个Android客户端间收发消息
2018/04/12 Python
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
python实现维吉尼亚加密法
2019/03/20 Python
Python编写一个验证码图片数据标注GUI程序附源码
2019/12/09 Python
Python+OpenCV图像处理——图像二值化的实现
2020/10/24 Python
法国女性内衣购物网站:Glamuse
2019/05/13 全球购物
PHP经典面试题
2016/09/03 面试题
实习生评语
2014/04/26 职场文书
蛋糕店创业计划书
2014/05/06 职场文书
县委党的群众路线教育实践活动工作情况报告
2014/10/25 职场文书
毕业生党员个人总结
2015/02/14 职场文书
交通安全月活动总结
2015/05/08 职场文书
工作犯错保证书
2015/05/11 职场文书
新手必备之MySQL msi版本下载安装图文详细教程
2021/05/21 MySQL
Golang并发操作中常见的读写锁详析
2021/08/30 Golang
MySQL创建表操作命令分享
2022/03/25 MySQL