源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-07-30 15:15 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:xheditor与validate插件冲突的解决方案
[url=http://code.google.com/p/xheditor/]xheditor[/url]和[url=http://plugins.jquery.com/project/validate]validate[/url]都是优秀的[url=http://jquery.com/]jQuery[/url]插件,但将两者组合到起,如果初始化的顺序不当,则会出现一些微妙的结果。我在做一个文本提交页面时就同时用到了这两个插件,一个用于显示富文本编辑器,一个用来验证用户是否填写的内容,我的初始化代码如下:
[u]复制代码[/u] 代码如下:
$("#form1").validate({ rules: { Body: "required" }, messages: { Body: "请填写正文" } }); var editor = $("#Body").xheditor(true, { tools: "simple" });
但在提交时,尽管已经填写了内容,第一次点击提交按钮时仍然显示“请填写正文”,第二次点击提交按钮时才会真正提交,这一现象让我百思不得其解,究竟问题出在哪了呢? 因为当前项目中有多个页面都用到了这两个插件,而其中有一个页面提交时是正常的,于是我便仔细的对比了正常的和有问题的页面异同,发现初始化的顺序不一样。在能正常提交的页面中先初始化的xheditor,然后初始化的validate,而有问题的页面正好相反,原来是这样!问题到此也用迎刃而解了,只要颠倒这两个插件的初始化顺序,让xheditor在validate之前初始化,就可避免“两次提交”问题的发生。 希望本文对您有所帮助。 CKEditor也有这问题,我解决方法是获取Editor里内容放入到textarea里就好了。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部