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