将jquery validate校验框架的remote异步验证设置为同步校验

        最近公司的项目中都是使用的jquery validate在做表单，感觉确实非常好用，很灵活，用起来很顺手。但也遇到了不少问题。在此记录一下。

        问题：当提交表单触发校验的时候，remote校验规则的结果不能及时返回，导致校验通过。

        场景：

                 

                 在机构管理的修改页面中，负责柜员要做有效性校验。代码如下：

                              //校验是否重复
            remote: {
               url: "ciforg/checkManTlr",     //后台处理程序
               type: "post",               //数据发送方式
               dataType: "json",           //接受数据格式 
               data: {                     //要传递的数据
               manTlr: function() {
                       return $("input[name='manTlr']").val();
                   },
                   bdtTdt: function() {
                       return $("input[name='bdtTdt']").val();
                   }
               }
           }

                    当输入一个不合法的值后，直接点击提交，触发整个表单的校验。

                预计出现的情况是：弹出提示框，“输入错误，请检查”。

                 实际情况是：校验先通过，弹出确认修改的确认提示框，然后负责柜员的校验结果才显示出来。（负责柜员的文本框变红出现在确认弹窗之后）

 原因分析：使用remote异步校验，当点击提交时，$("#ciforg").validate().form();方法没有等remote方法校验完，就返回了结果true。

     那么怎么让remote异步校验变成同步校验，及时返回校验结果呢？

  代码如下：    

            

{CSDN:CODE:rules:{
 manTlr:{//校验输入的柜员号是否存在
            rangelength:[6,6],
            digits:true,
            //校验是否重复
            remote: {
               url: "ciforg/checkManTlr",     //后台处理程序
               type: "post",               //数据发送方式
               dataType: "json",           //接受数据格式 
               cache:false,
               async:false,
               data: {                     //要传递的数据
               manTlr: function() {
                       return $("input[name='manTlr']").val();
                   },
                   bdtTdt: function() {
                       return $("input[name='bdtTdt']").val();
                   }
               }
           }
           }}

关键是加上上图的红色部分的属性就好了。

当然你还可以使用自定义的方法，在其实使用ajax，设置同步来完成校验。

1.  jQuery.validator.addMethod("phonesame", function(value, element) {    //用jquery ajax的方法验证电话是不是已存在  
2.       var flag = 1;  
3.       $.ajax({  
4.           type:"POST",  
5.           url:'tel.php',  
6.           async:false,                                             //同步方法，如果用异步的话，flag永远为1  
7.           data:{'tel':value},  
8.           success: function(msg){  
9.                if(msg == 'yes'){  
10.                    flag = 0;  
11.                }  
12.           }  
13.       });  
14.   
15.       if(flag == 0){  
16.           return false;  
17.       }else{  
18.           return true;  
19.       }  
20.   
21.   }, "sorry number have been exist");