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

2016-02-19 13:11 35 1 收藏

下面是个xheditor与validate插件冲突的解决方案教程，撑握了其技术要点，学起来就简单多了。赶紧跟着图老师小编一起来看看吧！

【 tulaoshi.com - Web开发】

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

代码如下：

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

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

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

希望本文对您有所帮助。

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

来源:http://www.tulaoshi.com/n/20160219/1603225.html

上一篇： JDK1.4和JDK1.5在linux下的中文显示配置
下一篇： DIV+CSS初学者简介

看过《xheditor与validate插件冲突的解决方案》的人还看了以下文章更多>>

抬头纹的解决方案

标签：皮肤护理

问答图钉提问：检查所见:肝脏大小形态正常,包膜光滑,内管纹理走向正常,实质回声分布均匀,门脉主干内径小于12mm,肝内外胆管未见增宽. 胆囊切面大小形态正常,壁毛糙,增厚,约三毫米,于胆囊颈部见一强回声光团,大小约6.4乘3mm,后伴声影,并随体位改变而移动,余囊腔内透声好,内未见局限性异常回声.胆内总管内径大于5mm. 胰腺切面大小正常,胰...

url传递中文的解决方案

url传递中文的解决方案 1.设置web.config文件。（我不喜欢设置成这样） <system.web ...... <globalization requestEncoding="gb2312" responseEncoding="gb2312" culture="zh-CN" fileEncoding="gb2312" / ...... </system.web 2.传递中文之前，将要传递的中文参数进行编码，在接收时再进行解码。进行传递 string Name = ...

SQL孤立用户解决方案

标签：编程语言网络编程

当您将数据库备份恢复到另一台服务器时，可能会遇到孤立用户的问题。SQL Server 联机丛书中的孤立用户疑难解答主题中没有讲述解决此问题的具体步骤。本文介绍了如何解决孤立用户问题。状态 Microsoft 已经确认这是在本文开头列出的 Microsoft 产品中存在的问题。更多信息虽然术语“登录”和“用户”经常交换...

另类的文件上传解决方案

标签： Web开发

编写思路: 把本地文件在客户端通过base64编码以后发送目的地. 测试过程中,上传文件过大,导致超时不成功. 后来经过改善.把编码分段发送.测试20M成功编写目的: 在传统的解决方案里面,一次一次选取上传可以.但是在碰到把数据库里文件路径读出来,并把这些文件上传到一个地方的时候就比较麻烦. 如果得到路径一个一个去找到用ftp当然也是可以的,...

数据备份系统解决方案

标签：编程语言网络编程

随着计算机网络的普及，计算机病毒有了快速传播的机会，并且对数据文件的破坏日益严重，用户需要经常对个人重要数据做异地备份。基于多用户和数据隐私的考虑，提出了个人数据备份系统解决方案。它利用网络存储设备具有的大容量、高可靠性、高安全性特点，为用户提供一定容量的空间来保存个人数据，同时利用软件的权限管理很好地实现个人数...

查看更多精彩>>