xheditor与validate插件冲突的解决方案
时间：2021-10-02 07:27:04|栏目：jquery|点击： 次
xheditor和validate都是优秀的jQuery插件，但将两者组合到起，如果初始化的顺序不当，则会出现一些微妙的结果。我在做一个文本提交页面时就同时用到了这两个插件，一个用于显示富文本编辑器，一个用来验证用户是否填写的内容，我的初始化代码如下：
$("#form1").validate({
rules: {
Body: "required"
},
messages: {
Body: "请填写正文"
}
});
var editor = $("#Body").xheditor(true, {
tools: "simple"
});
但在提交时，尽管已经填写了内容，第一次点击提交按钮时仍然显示“请填写正文”，第二次点击提交按钮时才会真正提交，这一现象让我百思不得其解，究竟问题出在哪了呢？
因为当前项目中有多个页面都用到了这两个插件，而其中有一个页面提交时是正常的，于是我便仔细的对比了正常的和有问题的页面异同，发现初始化的顺序不一样。在能正常提交的页面中先初始化的xheditor，然后初始化的validate，而有问题的页面正好相反，原来是这样！问题到此也用迎刃而解了，只要颠倒这两个插件的初始化顺序，让xheditor在validate之前初始化，就可避免“两次提交”问题的发生。
希望本文对您有所帮助。
CKEditor也有这问题，我解决方法是获取Editor里内容放入到textarea里就好了。
复制代码 代码如下:
$("#form1").validate({
rules: {
Body: "required"
},
messages: {
Body: "请填写正文"
}
});
var editor = $("#Body").xheditor(true, {
tools: "simple"
});
但在提交时，尽管已经填写了内容，第一次点击提交按钮时仍然显示“请填写正文”，第二次点击提交按钮时才会真正提交，这一现象让我百思不得其解，究竟问题出在哪了呢？
因为当前项目中有多个页面都用到了这两个插件，而其中有一个页面提交时是正常的，于是我便仔细的对比了正常的和有问题的页面异同，发现初始化的顺序不一样。在能正常提交的页面中先初始化的xheditor，然后初始化的validate，而有问题的页面正好相反，原来是这样！问题到此也用迎刃而解了，只要颠倒这两个插件的初始化顺序，让xheditor在validate之前初始化，就可避免“两次提交”问题的发生。
希望本文对您有所帮助。
CKEditor也有这问题，我解决方法是获取Editor里内容放入到textarea里就好了。
