`
rainingcn
  • 浏览: 25766 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery.validate.remote 的一个bug

阅读更多

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 版本大全

    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.js

    jquery.validate.min.js

    jquery.validate.min.js jquery jquery验证插件 validate

    jquery.validate.unobtrusive.js

    微软的jquery.validate.unobtrusive.js验证插件,可以用来验证单选和多选框的.

    jquery.validate.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表单验证.pdf

    jquery.validate.js是一个强大的jQuery插件,可以帮助开发者快速实现表单验证。以下是该文件中提及的关键知识点: 1. jquery.validate.js的引入:文件提到了引入jquery.validate.js的方法,需要先引入jquery.js,...

    jQuery.validate 用法

    <script src="jquery.validate.min.js"> <button type="submit">Submit $(document).ready(function(){ $("#myForm").validate(); }); ``` 上述代码中,`required`是内置的验证规则,表示该字段必须...

    jQuery.validate.js

    jQuery.validate.js是一款强大的JavaScript插件,专为jQuery框架设计,用于实现前端表单验证,提供了丰富的验证规则和自定义选项,使得开发者能够轻松地构建具有高效验证功能的网页。 一、jQuery.validate.js的核心...

    jquery.validate.extend.js

    jquery.validate.extend.js

    jquery.validate-1.13.1.js

    jquery.validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项...该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。

    jQuery.validate验证

    <script src="path/to/jquery.validate.js" type="text/javascript"> ``` 2. **默认验证规则**: - `required`: 验证字段是否为空,不能为空。 - `remote`: 使用AJAX调用指定的URL检查输入值的有效性。 - `...

    jquery.validate.js 和 帮助文档.rar

    《jQuery validate.js与帮助文档详解》 在Web开发领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作,事件处理以及Ajax交互。而jQuery Validate插件是jQuery的一个强大附件,专为表单验证设计,...

    jquery.validate.messages_cn

    jquery.validate.js表单验证 jquery.validate.messages_cn.js 表单验证中文提示

    jquery.validate插件remote规则相同值不验证的问题解决办法

    jquery.validate插件remote规则相同值不验证的问题解决办法.方法绝对有效

    jQuery.validate.js表单验证及API

    jQuery库提供了一个强大的插件——jQuery.validate.js,专门用于实现前端表单验证。本文将深入探讨jQuery.validate.js的核心功能、API使用方法以及一些常见的使用场景。 首先,jQuery.validate.js是由Jörn ...

    jQuery.validate.js+API中文

    《jQuery.validate.js与API中文详解》 在Web开发领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作,事件处理以及Ajax交互等任务。而jQuery Validate插件则是jQuery的一个重要扩展,它专注于表单...

Global site tag (gtag.js) - Google Analytics