login.js

login.js

$().ready(function(){
    $("#login").css("background-color","teal");
    $("#login").css("color","white");

    // 登录判断
    const token = localStorage.getItem("token");
    if(token){
        window.location.href = "./index.html";
    }   

    $(".findpwd").click(function(){
        window.open("./resetpwd.html?email="+$("#email").val());
    })

    // 登录
    $(".login").click(function(){
        if (!(pwdCheck())){
            return;
        }
        var email = $("#email").val();
        var pwd = $("#pwd").val();

        var url = addr+'/user/token';
        console.log(url);
        var post_data = '{"email":"'+email
                        +'","password":"'+pwd+'"}';
        console.log(post_data);

        $.ajax({
            url: url,
            type:'post',
            async:true,
            data:post_data,
    		contentType:"application/json;charset=utf-8",
            success:function(res){
                // 恢复可用
                $('.login').css('pointer-events','auto');
                $('.login').css('background-color','teal');

                // var result = eval("("+res+")");
                var result = res;
                if (result.code == 100){
                    autologin(result); 
                } else if (result.code==400){
                    alert(result.error);
                }
            },
            error:function(){
                // 恢复可用
                $('.login').css('pointer-events','auto');
                $('.login').css('background-color','teal');

                // var res = '{"code":100,"data":{"email":"dsdfsd@t.cc","token":"fff22"}}';
                // // var res = '{"code":400,"error":"密码错误"}';
                // var result = eval("("+res+")");
                // if (result.code == 100){
                //     autologin(result); 
                // } else if (result.code==400){
                //     alert(result.error);
                // }
            },
            beforeSend:function(){
                //防止用户重复提交数据
                //发送请求之前 禁用
                $('.login').css('pointer-events','none');
                $('.login').css('background-color','#434343');
            }
        }) 
    })
})

function autologin(result){
    localStorage.setItem("token",result.data.token);
    window.location.href = "./index.html";  
}

function emailCheck(){
    var email = $("#email").val();
    var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
    if(reg.test(email)){
        $(".email_info").html("&nbsp");
        emailHas();
    }else{
        $(".email_info").html("邮箱格式不正确");
        // 禁用按钮
        $('.getcode').css('pointer-events','none');
        $('.getcode').css('background-color','#434343');
        // 禁用按钮
        $('.login').css('pointer-events','none');
        $('.login').css('background-color','#434343');
        $('.findpwd').css('pointer-events','none');
        $('.findpwd').css('color','#434343');   
    }
}

function emailHas(){
    if ($(".email_info").html()!="邮箱格式不正确"){
        var url = addr+'/user?email='+$("#email").val();
        console.log(url);

        $.ajax({
            url: url,
            type:'get',
            async:true,
            dataType:'json',
            success:function(res){
                // var result = eval("("+res+")");
                var result = res;
                if (result.code == 400){
                    // 恢复验证码可用
                    $('.getcode').css('pointer-events','auto');
                    $('.getcode').css('background-color','teal');
                    // 恢复可用
                    $('.login').css('pointer-events','auto');
                    $('.login').css('background-color','teal');
                    $('.findpwd').css('pointer-events','auto');
                    $('.findpwd').css('color','teal');
                } else if(result.code == 100) {       
                    $(".email_info").html("该邮箱未注册哦");
                } else {
                }
            },
            error:function(){
                // var res = '{"code":400,"error":"该邮箱已存在"}';
                // var result = eval("("+res+")");
                // if (result.code == 400){
                //     // 恢复验证码可用
                //     $('.getcode').css('pointer-events','auto');
                //     $('.getcode').css('background-color','teal');
                //     // 恢复可用
                //     $('.login').css('pointer-events','auto');
                //     $('.login').css('background-color','teal');
                //     $('.findpwd').css('pointer-events','auto');
                //     $('.findpwd').css('color','teal');
                // } else if(result.code == 100) {       
                //     $(".email_info").html("该邮箱未注册哦");
                // } else {
                // }
            },
            beforeSend:function(){
                //防止用户重复提交数据
                //发送请求之前 禁用按钮
                $('.getcode').css('pointer-events','none');
                $('.getcode').css('background-color','#434343');
                $('.login').css('pointer-events','none');
                $('.login').css('background-color','#434343'); 
                $('.findpwd').css('pointer-events','none');
                $('.findpwd').css('color','#434343');           
            }
        }) 
    }
}

function pwdCheck(){
    var pwd = $("#pwd").val();
    var pwd_len = pwd.length;
    if(pwd_len<6){
        $(".pwd_info").html("密码不足6个字符");
        return false;
    } else if(pwd_len>16){
        $(".pwd_info").html("&nbsp&nbsp密码超过16个字符");
        return false;
    } else {
        $(".pwd_info").html("&nbsp");
        return true;
    }
}