Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 xheditor与validate插件冲突的解决方案

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

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

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

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

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

希望本文对您有所帮助。

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

您可能感兴趣的文章:
xheditor与validate插件冲突的解决方案
jquery 与NVelocity 产生冲突的解决方法
iP冲突是怎么解决?iP冲突解决方法
html文件中jquery与velocity变量中的$冲突的解决方法
jQuery避免$符和其他JS库冲突的方法对比
asp.net ajax时用alert弹出对话框与验证控件冲突的解决方法
jQuery 美元符冲突的解决方法
jquery与js函数冲突的两种解决方法
电脑关机时弹出SAS window:winlogon.exe应用程序错误怎么办
快速解决jQuery与其他库冲突的方法介绍

[关闭]