xheditor與validate插件沖突的解決方案
更新時(shí)間：2010年04月15日 21:35:52 作者：
xheditor和validate都是優(yōu)秀的jQuery插件，但將兩者組合到起，如果初始化的順序不當(dāng)，則會出現(xiàn)一些微妙的結(jié)果。
xheditor和validate都是優(yōu)秀的jQuery插件，但將兩者組合到起，如果初始化的順序不當(dāng)，則會出現(xiàn)一些微妙的結(jié)果。我在做一個文本提交頁面時(shí)就同時(shí)用到了這兩個插件，一個用于顯示富文本編輯器，一個用來驗(yàn)證用戶是否填寫的內(nèi)容，我的初始化代碼如下：
$("#form1").validate({
rules: {
Body: "required"
},
messages: {
Body: "請?zhí)顚懻?
}
});
var editor = $("#Body").xheditor(true, {
tools: "simple"
});
但在提交時(shí)，盡管已經(jīng)填寫了內(nèi)容，第一次點(diǎn)擊提交按鈕時(shí)仍然顯示“請?zhí)顚懻摹?，第二次點(diǎn)擊提交按鈕時(shí)才會真正提交，這一現(xiàn)象讓我百思不得其解，究竟問題出在哪了呢？
因?yàn)楫?dāng)前項(xiàng)目中有多個頁面都用到了這兩個插件，而其中有一個頁面提交時(shí)是正常的，于是我便仔細(xì)的對比了正常的和有問題的頁面異同，發(fā)現(xiàn)初始化的順序不一樣。在能正常提交的頁面中先初始化的xheditor，然后初始化的validate，而有問題的頁面正好相反，原來是這樣！問題到此也用迎刃而解了，只要顛倒這兩個插件的初始化順序，讓xheditor在validate之前初始化，就可避免“兩次提交”問題的發(fā)生。
希望本文對您有所幫助。
CKEditor也有這問題，我解決方法是獲取Editor里內(nèi)容放入到textarea里就好了。
復(fù)制代碼 代碼如下:
$("#form1").validate({
rules: {
Body: "required"
},
messages: {
Body: "請?zhí)顚懻?
}
});
var editor = $("#Body").xheditor(true, {
tools: "simple"
});
但在提交時(shí)，盡管已經(jīng)填寫了內(nèi)容，第一次點(diǎn)擊提交按鈕時(shí)仍然顯示“請?zhí)顚懻摹?，第二次點(diǎn)擊提交按鈕時(shí)才會真正提交，這一現(xiàn)象讓我百思不得其解，究竟問題出在哪了呢？
因?yàn)楫?dāng)前項(xiàng)目中有多個頁面都用到了這兩個插件，而其中有一個頁面提交時(shí)是正常的，于是我便仔細(xì)的對比了正常的和有問題的頁面異同，發(fā)現(xiàn)初始化的順序不一樣。在能正常提交的頁面中先初始化的xheditor，然后初始化的validate，而有問題的頁面正好相反，原來是這樣！問題到此也用迎刃而解了，只要顛倒這兩個插件的初始化順序，讓xheditor在validate之前初始化，就可避免“兩次提交”問題的發(fā)生。
希望本文對您有所幫助。
CKEditor也有這問題，我解決方法是獲取Editor里內(nèi)容放入到textarea里就好了。
相關(guān)文章
jquery創(chuàng)建一個新的節(jié)點(diǎn)對象(自定義結(jié)構(gòu)/內(nèi)容)的好方法
jq創(chuàng)建一個新的節(jié)點(diǎn)對象,這對一些自定義功能很有幫助，而且可以隨意控制對象的結(jié)構(gòu)與內(nèi)容，何樂而不為呢，看到這里，相信有些朋友已經(jīng)按耐不住了，好記下來為大家介紹實(shí)現(xiàn)方法，感興趣的朋友可以了解下哦2013-01-01
六款幫助你實(shí)現(xiàn)驚艷視差滾動效果的jQuery插件
視差（Parallax）是指從不同的點(diǎn)看一個物體時(shí)形成的視覺差異，這個名詞是源自希臘文的παράλλαξις (parallaxis)，意思是改變2012-09-09
jQuery使用animate創(chuàng)建動畫用法實(shí)例
這篇文章主要介紹了jQuery使用animate創(chuàng)建動畫用法,可實(shí)現(xiàn)點(diǎn)擊鏈接文字隱藏及顯示文字的功能,實(shí)例分析了jquery中toggle與animate方法的使用技巧,需要的朋友可以參考下2015-08-08
本文是小編根據(jù)bootstrap的折疊設(shè)計(jì)的樹狀圖顯示效果，只有二級顯示，可以用在簡單的目錄等。對實(shí)現(xiàn)代碼感興趣的朋友可以參考下本文2016-11-11
JQuery中$.each 和$(selector).each()的區(qū)別詳解
這篇文章主要介紹了JQuery中$.each 和$(selector).each()的區(qū)別詳解,本文給出了多個例子講解了它們之間的不同之處,需要的朋友可以參考下2015-03-03
jquery formValidator插件ajax驗(yàn)證 內(nèi)容不做任何修改再離開提示錯誤的bug解決方法
query formValidator插件非常好用，但是有一個嚴(yán)重的Bug，在使用ajax驗(yàn)證的時(shí)候，如果輸入框的內(nèi)容已經(jīng)存在，把鼠標(biāo)放到輸入框，不做任何修改再離開，則會提示錯誤,很是郁悶2013-01-01
解決Jquery load()加載GB2312頁面時(shí)出現(xiàn)亂碼的兩種方案
jquery的字符集是utf-8，load方法加載完GB2312編碼靜態(tài)頁面后，出現(xiàn)中文亂碼，可以通過將兩個頁面的編碼格式轉(zhuǎn)換成utf8的方法來解決，具體如下，感興趣的朋友可以參考下2013-09-09
Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象,Map()方法詳解以及數(shù)組中查詢某值是否存在
今天小編就為大家分享一篇關(guān)于Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象|Map()方法詳解以及數(shù)組中查詢某值是否存在，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01
兩個多選select(multiple左右)添加、刪除選項(xiàng)和取值實(shí)例
這篇文章主要介紹了兩個多選select(multiple左右)添加、刪除選項(xiàng)和取值實(shí)例,使用jquery實(shí)現(xiàn),需要的朋友可以參考下2014-05-05
jquery實(shí)現(xiàn)圖片無縫滾動 蒙版遮蔽效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)圖片無縫滾動，蒙版遮蔽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01