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

假行僧0life

假行僧0life

2016-02-19 13:11

下面是个xheditor与validate插件冲突的解决方案教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!
xheditor和validate都是优秀的jQuery插件,但将两者组合到起,如果初始化的顺序不当,则会出现一些微妙的结果。我在做一个文本提交页面时就同时用到了这两个插件,一个用于显示富文本编辑器,一个用来验证用户是否填写的内容,我的初始化代码如下:

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
$("#form1").validate({
rules: {
Body: "required"
},
messages: {
Body: "请填写正文"
}
});
var editor = $("#Body").xheditor(true, {
tools: "simple"
});

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

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

希望本文对您有所帮助。

CKEditor也有这问题,我解决方法是获取Editor里内容放入到textarea里就好了。
展开更多 50%)
分享

猜你喜欢

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

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

ajax后退解决方案

Web开发
ajax后退解决方案

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

惠普IDERAID解决方案

Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理
惠普IDERAID解决方案

惠普集群解决方案

Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理
惠普集群解决方案

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

平面文档索引解决方案(基于XML与XSLT)

Web开发
平面文档索引解决方案(基于XML与XSLT)

纯java的Excel解决方案

编程语言 网络编程
纯java的Excel解决方案

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

JDK1.4和JDK1.5在linux下的中文显示配置

JDK1.4和JDK1.5在linux下的中文显示配置

DIV+CSS初学者简介

DIV+CSS初学者简介
下拉加载更多内容 ↓