Jquery validation remote 验证的缓存问题解决方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Jquery validation remote 验证的缓存问题解决方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2165字，纯文字阅读大概需要4分钟。

内容图文

最近项目中一直在用 Jquery validation 做校验，结合bootstrap 和 jquery form 感觉效果不错。但是remote验证的缓存问题让我头痛了很久，几乎就像放弃这款插件了。

举例说明：

现有学校，年级，班级实体

在同一学校下不能有相同的年级，在同一年级下不能有相同的班级

以同一学校下不能有相同年级为例，在验证的时候用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> 
 
现在有 测试学校1、测试学校2，两所学校，其中测试学校1下有 小学一年级、小学二年级两个年级 

理论上，在新增年级的时候，如果学校选择测试学校1，那么选择小学一年级、小学二年级时remote验证会报错“该年级已经存在” 

事实上，第一次操作时，结果也是正确的 
 
但是如果此时再更改学校，比如选择测试学校2，由于缓存问题，validation插件并不会重新进行新的remote验证而会直接返回上一次验证的结果，于是就有了如下蛋疼的错误 
 
这还不是最难让人接受的，更严重的问题时如果先选择了测试学校2、和小学一年级，remote验证通过，此时再选择测试学校1，remote验证依然通过，如此一来同一学校下不能有相同年级的验证就等于失败了 


于是进行了各种查询解决方法 

有种说法是，在remote中加入 "cache： false"，但是实测并没有解决问题 

尝试过在学校下拉框上绑定onchange事件清空gradeId的值，依然无法解决问题 

查阅了validation的api，发现 .valid() 方法可以主动触发验证，但是由于缓存问题，remote依然没有重新验证 

还查看了validation的源码，发现其中有个previousValue这个东西，如果有值就会直接return 前一次的验证结果 
 
于是尝试了一下清空这个值 
 代码如下:

$("#schoolId").change(function(){ 
$("#gradeId").removeData("previousValue"); 
}); 
 
成功解决问题
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的Jquery validation remote 验证的缓存问题解决方法全部内容，希望文章能够帮你解决Jquery validation remote 验证的缓存问题解决方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---