Jquery validation remote 驗證的緩存問題解決方法
更新時間：2014年03月25日 17:44:37 投稿：whsnow
這篇文章主要介紹了Jquery validation remote 驗證的緩存問題的解決方法 ,需要的朋友可以參考下
最近項目中一直在用 Jquery validation 做校驗，結合bootstrap 和 jquery form 感覺效果不錯。但是remote驗證的緩存問題讓我頭痛了很久，幾乎就像放棄這款插件了。
舉例說明：
現(xiàn)有學校，年級，班級實體
在同一學校下不能有相同的年級，在同一年級下不能有相同的班級
以同一學校下不能有相同年級為例，在驗證的時候用remote方式：
JS
復制代碼 代碼如下:
"gradeId" : {
required : true,
min : 0,
remote: {
url: "gradeManager-checkGrade.action",
type: "post",
dataType: "json",
data: {
'gradeId' : function() {
return $("#gradeId").val();
},
'schoolId' : function() {
return $("#schoolId").val();
}
}
}
}
HTML
復制代碼 代碼如下:
<div class="control-group">
<label class="control-label" for="schoolId">學校</label>
<div class="controls">
<s:select name="schoolId" list="schools" listKey="schoolId"
listValue="schoolName" headerKey="-1" headerValue="請選擇學校"></s:select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="gradeId">年級</label>
<div class="controls">
<s:select name="gradeId" list="grades" listKey="gradeId"
listValue="gradeName" headerKey="-1" headerValue="請選擇年級"></s:select>
</div>
</div>
現(xiàn)在有 測試學校1、測試學校2，兩所學校，其中測試學校1下有 小學一年級、小學二年級兩個年級
理論上，在新增年級的時候，如果學校選擇測試學校1，那么選擇小學一年級、小學二年級時remote驗證會報錯“該年級已經存在”
事實上，第一次操作時，結果也是正確的
但是如果此時再更改學校，比如選擇測試學校2，由于緩存問題，validation插件并不會重新進行新的remote驗證而會直接返回上一次驗證的結果，于是就有了如下的錯誤
這還不是最難讓人接受的，更嚴重的問題時如果先選擇了測試學校2、和小學一年級，remote驗證通過，此時再選擇測試學校1，remote驗證依然通過，如此一來同一學校下不能有相同年級的驗證就等于失敗了
于是進行了各種查詢解決方法
有種說法是，在remote中加入 "cache： false"，但是實測并沒有解決問題
嘗試過在學校下拉框上綁定onchange事件清空gradeId的值，依然無法解決問題
查閱了validation的api，發(fā)現(xiàn) .valid() 方法可以主動觸發(fā)驗證，但是由于緩存問題，remote依然沒有重新驗證
還查看了validation的源碼，發(fā)現(xiàn)其中有個previousValue這個東西，如果有值就會直接return 前一次的驗證結果
于是嘗試了一下清空這個值
復制代碼 代碼如下:
$("#schoolId").change(function(){
$("#gradeId").removeData("previousValue");
});
成功解決問題
相關文章
本例為大家演示個比較簡單的div拖動，另外可根據自己的需求，添加相應的代碼，實現(xiàn)自己的想要的效果，具體如下，喜歡的請支持下2013-07-07
JQuery獲取可視區(qū)尺寸和文檔尺寸及制作懸浮菜單示例
這篇文章主要介紹了JQuery獲取可視區(qū)尺寸和文檔尺寸及制作懸浮菜單,涉及jQuery針對頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2019-05-05
這篇文章介紹了使用Jquery操作Cookies的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
本文給大家介紹的是利用Jquery使用HTML5的FormData屬性實現(xiàn)對文件的上傳的方法和實例，非常的實用，有需要的小伙伴可以參考下。2015-06-06
jquery實現(xiàn)的元素的left增加N像素 鼠標移開會慢慢的移動到原來的位置
鼠標移動上去，元素的left增加N像素，鼠標移開會慢慢的移動到原來的位置2010-03-03
傳參的時候遇到Get中文亂碼，IE瀏覽器Get中文亂碼問題，該怎么解決呢？下面為大家詳細介紹下具體的解決方案2013-12-12
jquery的父、子、兄弟節(jié)點查找,節(jié)點的子節(jié)點循環(huán)方法
下面小編就為大家?guī)硪黄猨query的父、子、兄弟節(jié)點查找,節(jié)點的子節(jié)點循環(huán)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
jquery創(chuàng)建一個新的節(jié)點對象(自定義結構/內容)的好方法
jq創(chuàng)建一個新的節(jié)點對象,這對一些自定義功能很有幫助，而且可以隨意控制對象的結構與內容，何樂而不為呢，看到這里，相信有些朋友已經按耐不住了，好記下來為大家介紹實現(xiàn)方法，感興趣的朋友可以了解下哦2013-01-01
這篇文章主要介紹了jQuery實現(xiàn)div拖拽效果的方法,結合實例形式分析了jQuery響應鼠標事件實現(xiàn)頁面元素樣式變換的技巧與相關注意事項,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了jquery實現(xiàn)鼠標滑過顯示提示框的方法,以兩個不同實例形式分析了jQuery鼠標滑過顯示提示框的實現(xiàn)技巧與功能代碼,非常具有實用價值,需要的朋友可以參考下2015-02-02