本文转自 http://www.jb51.net/article/48449.htm
在此先感谢博主,解决了我的问题。
最近项目中一直在用 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");
});
成功解决问题
相关推荐
但是remote验证的缓存问题让我头痛了很久,几乎就像放弃这款插件了。 举例说明: 现有学校,年级,班级实体 在同一学校下不能有相同的年级,在同一年级下不能有相同的班级 以同一学校下不能有相同年级为例,在验证的...
jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...
jquery.validate Validation .js验证框架 帮助 手册 文档.chm 版本 方面查询 (一)、可选项( options ) 1 (二)插件方法 (jQuery validation) 6 (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具...
jQuery+Validation表单验证
不过奇怪的是,最近用下来感觉有些古怪,因为好像有些死板,已...jQuery Validation插件提供了一种remote方式来实现这一点。例如我可以这样验证表单: 代码如下: <form id=”regForm”> <input type=”text”
Validation Engine是一款基于Jquery的js表单验证插件。相对于之前的传统表单验证工具,其优点是自定义验证内容更广泛以及与AJAX的方便整合。
让jquery validation plugin 支持zepto
jQuery Validation Plugin v1.19.1 表单验证插件 2020年官方最新版。包含中文语言包messages_zh.js及jquery.validate.js,在dist目录中。
JQuery validation plugin学习资料
jQuery 插件使客户端表单验证变得容易,同时仍然提供了大量的自定义选项。如果您要从头开始构建新的东西,或者当您试图将某些东西集成到具有大量现有标记的现有应用程序中时,它都是一个不错的选择。该插件捆绑了一...
jQueryvalidation验证框架.pdf
jquery.validate Validation .js验证框架 帮助 手册 文档.doc (一)、可选项( options ) 1 (二)插件方法 (jQuery validation) 6 (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具(Utilities) 8 ...
jQuery Validation 参考手册
jQuery validation 1.6.zip 包括全部类库和一些demo。
多次观察Fiddler结果,发现无效后,只好打开JQuery.Validation.js寻求答案了。 在remote的代码中,我发现: 代码如下: … var data = {}; data[element.name] = value; $.ajax($.extend(true, { url: param, mode: ...
jQuery 验证插件 jquery-validation-1.11.1
jquery-validation-1.9.0是一款优秀的form表单验证插件,此资源主要为某篇博客服务,如有需要还请下载。整个压缩包无法上传,有需要请留言
jQuery Validation Plug最新版。解决jQuery1.6不能工作的问题在IE 6,7,8,9