zoukankan      html  css  js  c++  java
  • jQuery ajax 同步失效?

    今天表单验证时,出现了一个异常现象,耗去了我不少时间呀。

    我的验证方法大致如下:

    function checkform(){
        var mail=$.trim($('#mail').val());
        if(mail.length==0){
            alert('请填写邮箱');
            $('#mail').focus();
            return;
        }else if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/i.test(mail)){
            alert('邮箱格式不正确');
            $('#mail').focus();
            return;
        }else{
            $.ajax({
                type:"post",
                dataType:'json',
                async: false,
                data:{ mail:mail},
                url:"/checkmail",
                success: function(res){
                    if(!res){
                        alert('该邮箱已经被注册了');
                        $('#mail').focus();
                        return;
                    }
                },
                error: function(ex){
                    alert(("操作失败,请联系我们。");
                    $('#mail').focus();
                    return;
                }
            });
        }
        
        //其他验证.....
    }

    但条件不满足时前面两个return都能拦住checkform继续向下执行,而ajax里面的return却阻止不了checkform向下执行!
    起初以为设置的同步请求没起作用,查了好多资料,但都是那样设置的。后来使用firefox调试,设置了断点才发现其实已经是同步了,问题就出现在return上,这里的return确实不能阻止程序继续执行。

    原因是这里的return只会renturn其自己的域函数,也就是success或error的回调函数。所以可以使用临时变量下即可:

    function checkform(){
        var mail=$.trim($('#mail').val());
        if(mail.length==0){
            alert('请填写邮箱');
            $('#mail').focus();
            return;
        }else if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/i.test(mail)){
            alert('邮箱格式不正确');
            $('#mail').focus();
            return;
        }else{
            var validate=true;
            $.ajax({
                type:"post",
                dataType:'json',
                async: false,
                data:{ mail:mail},
                url:"/checkmail",
                success: function(res){
                    if(!res){
                        alert('该邮箱已经被注册了');
                        validate=false;
                    }
                },
                error: function(ex){
                    alert(("操作失败,请联系我们。");
                    validate=false;                
                }
            });
            if(!validate){
                $('#mail').focus();
                return;
            }
        }
        
        //其他验证.....
    }

    这个问题虽然只是小问题,道理也很容易明白,可我确实耗费了1个多小时,可谓当局者迷呀!!

  • 相关阅读:
    电脑端与iPad 端如何共享ChemDraw结构
    用几何画板绘制带根号坐标点的方法
    几何画板使用方法
    如何在ChemDraw中缩短双键长度
    如何在ChemDraw中打出符号π
    怎么用几何画板制作图形平移和旋转
    怎么用几何画板制作三维波纹
    如何在ChemDraw中输入℃温度符号
    怎么用ChemDraw加反应条件
    MathType中输入不了汉字如何处理
  • 原文地址:https://www.cnblogs.com/zhaiqianfeng/p/4618178.html
Copyright © 2011-2022 走看看