欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery validation remote 驗(yàn)證的緩存問(wèn)題解決方法

 更新時(shí)間：2014年03月25日 17:44:37   投稿：whsnow  
這篇文章主要介紹了Jquery validation remote 驗(yàn)證的緩存問(wèn)題的解決方法 ,需要的朋友可以參考下

最近項(xiàng)目中一直在用 Jquery validation 做校驗(yàn)，結(jié)合bootstrap 和 jquery form 感覺(jué)效果不錯(cuò)。但是remote驗(yàn)證的緩存問(wèn)題讓我頭痛了很久，幾乎就像放棄這款插件了。

舉例說(shuō)明：

現(xiàn)有學(xué)校，年級(jí)，班級(jí)實(shí)體

在同一學(xué)校下不能有相同的年級(jí)，在同一年級(jí)下不能有相同的班級(jí)

以同一學(xué)校下不能有相同年級(jí)為例，在驗(yàn)證的時(shí)候用remote方式：

JS

復(fù)制代碼 代碼如下:

"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
復(fù)制代碼 代碼如下:

<div class="control-group">
<label class="control-label" for="schoolId">學(xué)校</label>
<div class="controls">
<s:select name="schoolId" list="schools" listKey="schoolId"
listValue="schoolName" headerKey="-1" headerValue="請(qǐng)選擇學(xué)校"></s:select>
</div>
</div>

<div class="control-group">
<label class="control-label" for="gradeId">年級(jí)</label>
<div class="controls">
<s:select name="gradeId" list="grades" listKey="gradeId"
listValue="gradeName" headerKey="-1" headerValue="請(qǐng)選擇年級(jí)"></s:select>
</div>
</div>

現(xiàn)在有 測(cè)試學(xué)校1、測(cè)試學(xué)校2，兩所學(xué)校，其中測(cè)試學(xué)校1下有 小學(xué)一年級(jí)、小學(xué)二年級(jí)兩個(gè)年級(jí)

理論上，在新增年級(jí)的時(shí)候，如果學(xué)校選擇測(cè)試學(xué)校1，那么選擇小學(xué)一年級(jí)、小學(xué)二年級(jí)時(shí)remote驗(yàn)證會(huì)報(bào)錯(cuò)“該年級(jí)已經(jīng)存在”

事實(shí)上，第一次操作時(shí)，結(jié)果也是正確的
 
但是如果此時(shí)再更改學(xué)校，比如選擇測(cè)試學(xué)校2，由于緩存問(wèn)題，validation插件并不會(huì)重新進(jìn)行新的remote驗(yàn)證而會(huì)直接返回上一次驗(yàn)證的結(jié)果，于是就有了如下的錯(cuò)誤
 
這還不是最難讓人接受的，更嚴(yán)重的問(wèn)題時(shí)如果先選擇了測(cè)試學(xué)校2、和小學(xué)一年級(jí)，remote驗(yàn)證通過(guò)，此時(shí)再選擇測(cè)試學(xué)校1，remote驗(yàn)證依然通過(guò)，如此一來(lái)同一學(xué)校下不能有相同年級(jí)的驗(yàn)證就等于失敗了


于是進(jìn)行了各種查詢解決方法

有種說(shuō)法是，在remote中加入 "cache： false"，但是實(shí)測(cè)并沒(méi)有解決問(wèn)題

嘗試過(guò)在學(xué)校下拉框上綁定onchange事件清空gradeId的值，依然無(wú)法解決問(wèn)題

查閱了validation的api，發(fā)現(xiàn) .valid() 方法可以主動(dòng)觸發(fā)驗(yàn)證，但是由于緩存問(wèn)題，remote依然沒(méi)有重新驗(yàn)證

還查看了validation的源碼，發(fā)現(xiàn)其中有個(gè)previousValue這個(gè)東西，如果有值就會(huì)直接return 前一次的驗(yàn)證結(jié)果
 
于是嘗試了一下清空這個(gè)值
復(fù)制代碼 代碼如下:

$("#schoolId").change(function(){
$("#gradeId").removeData("previousValue");
});

成功解決問(wèn)題

相關(guān)文章

最新評(píng)論