version
:jQuery validation plug-in 1.7
remote bug的大致情况。以普通的登录流程为例
1.相关代码
:
$("#form").validate({
rules: {
loginId:"required" ,
password:"required" ,
code:{
remote: {
url: "/verification-code!check.action", //后台处理程序
type: "post", //数据发送方式
dataType: "json"
}
}
}, ......
2.bug的形成情景
:
如果第一次登录失败,仍返回到login页面,系统会自动切换验证码。此时输入正确的验证码后,不用键盘的“tab”切换,直接点击【login】按钮,此时界面会闪一下,并不提交,再按一次才会提交。
3.分析
remote采用的是异步提交,也就是不管最后的结果是true 还是false,都有一定的响应延迟,但是程序程序早已经往下执行了。validation框架就认为verification code的验证结果为false。不提交。
4.解决
修改代码,将异步提交改成同步提交。比如:
$.ajax($.extend(true, {
url: param,
mode: "abort",
port: "validate" + element.name,
dataType: "json",
data: data,
async: false,
//同步加载 不加会有bug
- 大小: 26.4 KB
分享到:
相关推荐
jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....
jquery.validate.js jquery.validate.js
jquery.validate.min.js jquery jquery验证插件 validate
微软的jquery.validate.unobtrusive.js验证插件,可以用来验证单选和多选框的.
jquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.js...
jquery.validate.js是一个强大的jQuery插件,可以帮助开发者快速实现表单验证。以下是该文件中提及的关键知识点: 1. jquery.validate.js的引入:文件提到了引入jquery.validate.js的方法,需要先引入jquery.js,...
<script src="jquery.validate.min.js"> <button type="submit">Submit $(document).ready(function(){ $("#myForm").validate(); }); ``` 上述代码中,`required`是内置的验证规则,表示该字段必须...
jQuery.validate.js是一款强大的JavaScript插件,专为jQuery框架设计,用于实现前端表单验证,提供了丰富的验证规则和自定义选项,使得开发者能够轻松地构建具有高效验证功能的网页。 一、jQuery.validate.js的核心...
jquery.validate.extend.js
jquery.validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项...该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。
<script src="path/to/jquery.validate.js" type="text/javascript"> ``` 2. **默认验证规则**: - `required`: 验证字段是否为空,不能为空。 - `remote`: 使用AJAX调用指定的URL检查输入值的有效性。 - `...
《jQuery validate.js与帮助文档详解》 在Web开发领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作,事件处理以及Ajax交互。而jQuery Validate插件是jQuery的一个强大附件,专为表单验证设计,...
jquery.validate.js表单验证 jquery.validate.messages_cn.js 表单验证中文提示
jquery.validate插件remote规则相同值不验证的问题解决办法.方法绝对有效
jQuery库提供了一个强大的插件——jQuery.validate.js,专门用于实现前端表单验证。本文将深入探讨jQuery.validate.js的核心功能、API使用方法以及一些常见的使用场景。 首先,jQuery.validate.js是由Jörn ...
《jQuery.validate.js与API中文详解》 在Web开发领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作,事件处理以及Ajax交互等任务。而jQuery Validate插件则是jQuery的一个重要扩展,它专注于表单...