pgfqe6ch8/public/javascripts/welcome_index.js

$(window).load(function(){
    if($("#edu_new_project").length == 0)return;
    //页面加载后，输入框里面已经显示保存的用户账号和密码！有账号必定有密码（谷歌默认填充内容只能获得账号，密码为空），所以账号不为空后，密码删除按钮也要显示出来
    if($("#name_loggin_input").val().trim() != ""){
        $("#password_loggin_input").parent().find("em").show();
        $("#psd_login_btn").addClass("back-orange-main");
        $("#psd_login_btn").attr("disabled", false);
    }
})
$(function() {
    if($("#edu_new_project").length == 0)return;
    if($("#name_loggin_input").val().trim() != ""){
        $("#name_loggin_input").parent().find("em").show();
//        $("#password_loggin_input").parent().find("em").show();
//        $("#psd_login_btn").addClass("back-orange-main");
//        $("#psd_login_btn").attr("disabled", false);
    }
    if($("#password_loggin_input").val().trim() != ""){
        $("#password_loggin_input").parent().find("em").show();
        $("#psd_login_btn").addClass("back-orange-main");
        $("#psd_login_btn").attr("disabled", false);
    }
    if($("#pass_name_input").val().trim() != ""){
        $("#pass_name_input").parent().find("em").show();
    }

    //选择登录方式
    $(".edu-login-ul li").click(function(){
        $(".edu-login-ul li").removeClass("active");
        $(this).addClass("active");
        $(".login-part").hide();
        $(".login-part").eq($(this).index()).show();
        if($(this).index() == "1"){
            $('#drag').empty();
            $('#drag').drag();
        }
    });

    //清除输入的登录名
    $(".clear-login-name").click(function(){
        $(this).parent().parent().find("input").val('');
        if($(this).attr("id") == "password_loggin_input") {
            $(this).parent().parent().parent().parent().find(".login_btn").removeClass("back-orange-main");
            $("#password_error_notice").hide();
            $("#login_error_notice").hide();
        } else if($(this).attr("id") == "name_loggin_input"){
            $("#username_error_notice").hide();
            $("#login_error_notice").hide();
        } else if($(this).attr("id") == "pass_name_input"){
            $("#pass_name_error_notice").hide();
            $("#login_code_error_notice").hide();
        }
    });


    $("#name_loggin_input, #pass_name_input").on('input', function(){
        if($(this).val().trim().length > 0){
            $(this).parent().find("em").show();
            $(this).parent().find(".fa-check-circle").hide();
        } else{
            $(this).parent().find("em").hide();
        }
    });

    $("#name_loggin_input").on("blur", function(){
        if ($(this).val().trim().length == 0){
            $(this).parent().next().find("p").show();
//            $(this).parent().find("em").show();
//            $(this).parent().find(".fa-check-circle").hide();
        } else{
            $(this).parent().next().find("p").hide();
//            $(this).parent().find(".fa-check-circle").show();
//            $(this).parent().find("em").hide();
        }
    });

    $("#pass_name_input").on("blur", function(){
        if (!/^1\d{10}$/.test($(this).val()) && !/^[a-zA-Z0-9]+([.\-_\\]*[a-zA-Z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test($(this).val())){
            $(this).parent().next().find("p").show();
            $(this).parent().find("em").show();
            $(this).parent().find(".fa-check-circle").hide();
            $("#get_verification_code").removeClass("btn_orange_bg");
            $("#get_verification_code").attr("disabled", "disabled");
        } else{
            $(this).parent().next().find("p").hide();
            $(this).parent().find(".fa-check-circle").show();
            $(this).parent().find("em").hide();
            $("#get_verification_code").addClass("btn_orange_bg");
            $("#get_verification_code").attr("disabled", false);
        }
    });

    $("#password_loggin_input").on('input', function(){
        if($(this).val().trim().length > 0){
            $(this).parent().find("em").show();
            $("#psd_login_btn").addClass("back-orange-main");
            $("#psd_login_btn").attr("disabled", false);
            $(this).parent().removeClass("login-error");
            $("#password_error_notice").hide();
            $("#login_error_notice").hide();
        } else{
            $(this).parent().find("em").hide();
            $("#psd_login_btn").removeClass("back-orange-main");
            $("#psd_login_btn").attr("disabled", "disabled");
        }
    });

    $("#login_verification_code").on('input', function(){
        if($(this).val().trim().length > 0){
            $("#code_login_btn").addClass("back-orange-main");
            $("#code_login_btn").attr("disabled", false);
            $(this).parent().removeClass("login-error");
            $("#send_code_notice").hide();
            $("#login_code_error_notice").hide();
        } else{
            $("#code_login_btn").removeClass("back-orange-main");
            $("#code_login_btn").attr("disabled", "disabled");
        }
    });

    $("#psd_login_btn").on("click", function(){
        if($(this).attr("disabled")){
            return false;
        } else{
            var result = true;
            if ($("#name_loggin_input").val().trim().length == 0){
                $("#name_loggin_input").parent().next().find("p").show();
                result = false;
            } else {
                $("#name_loggin_input").parent().next().find("p").hide();
            }
            if($("#password_loggin_input").val().trim().length == 0){
                $("#password_loggin_input").parent().addClass("login-error");
                $("#password_error_notice").show();
                $("#login_error_notice").hide();
                result = false;
            } else{
                $("#password_loggin_input").parent().removeClass("login-error");
                $("#password_error_notice").hide();
                $("#login_error_notice").hide();
            }
            if(result){
                if (/^1\d{10}$/.test($("#name_loggin_input").val())){
                    $.get(
                        '/account/valid_ajax',
                        { valid: "phone",
                            value: $("#name_loggin_input").val().trim() },
                        function (data) {
                            if (data.valid) {
                                $("#psd_none_reg").find("span").html("<i class=\"fa fa-minus-circle font-16 fl mt6 mr5\"></i>该手机号尚未注册，你可以<a href=\"/user_join?name=" + $("#name_loggin_input").val() + "\" class=\"color-orange03 decoration\">去注册</a>");
                                $("#psd_none_reg").show();
                            } else {
                                $("#psd_none_reg").hide();
                                $("#main_login_form").submit();
                            }
                        });
                } else if(/^[a-zA-Z0-9]+([.\-_\\]*[a-zA-Z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test($("#name_loggin_input").val())){
                    $.get(
                        '/account/valid_ajax',
                        { valid: "mail",
                            value: $("#name_loggin_input").val().trim() },
                        function (data) {
                            if (data.valid) {
                                $("#psd_none_reg").find("span").html("<i class='fa fa-minus-circle font-16 fl mt6 mr5'></i>该邮箱尚未绑定，你可以登录后去绑定");
                                $("#psd_none_reg").show();
                            } else {
                                $("#psd_none_reg").hide();
                                $("#main_login_form").submit();
                            }
                        });
                } else{
                    $("#psd_none_reg").hide();
                    $("#main_login_form").submit();
                }
            }
        }
    });

    $("#code_login_btn").on("click", function(){
        if($(this).attr("disabled")){
            return false;
        } else{
            var result = true;
            if ($("#pass_name_input").val().trim().length == 0){
                $("#pass_name_input").parent().next().find("p").show();
                result = false;
            } else {
                $("#pass_name_input").parent().next().find("p").hide();
            }
            if($("#login_verification_code").val().trim().length == 0){
                $("#login_verification_code").parent().addClass("login-error");
                $("#send_code_notice").show();
                $("#login_code_error_notice").hide();
                result = false;
            } else{
                $("#login_verification_code").parent().removeClass("login-error");
                $("#send_code_notice").hide();
                $("#login_code_error_notice").hide();
            }
            if(result){
                if (/^1\d{10}$/.test($("#pass_name_input").val())){
                    $.get(
                        '/account/valid_ajax',
                        { valid: "phone",
                            value: $("#pass_name_input").val().trim() },
                        function (data) {
                            if (data.valid) {
                                $("#code_none_reg").find("span").html("<i class=\"fa fa-minus-circle font-16 fl mt6 mr5\"></i>该手机号尚未注册，你可以<a href=\"/user_join?name=" + $("#name_loggin_input").val() + "\" class=\"color-orange03 decoration\">去注册</a>");
                                $("#code_none_reg").show();
                            } else {
                                $("#code_none_reg").hide();
                                $("#code_login_form").submit();
                            }
                        });
                } else if(/^[a-zA-Z0-9]+([.\-_\\]*[a-zA-Z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test($("#pass_name_input").val())){
                    $.get(
                        '/account/valid_ajax',
                        { valid: "mail",
                            value: $("#pass_name_input").val().trim() },
                        function (data) {
                            if (data.valid) {
                                $("#code_none_reg").find("span").html("<i class='fa fa-minus-circle font-16 fl mt6 mr5'></i>该邮箱尚未绑定，你可以登录后去绑定");
                                $("#code_none_reg").show();
                            } else {
                                $("#code_none_reg").hide();
                                $("#code_login_form").submit();
                            }
                        });
                }
            }
        }
    });
});

function user_login_keypress(e){
    if (e.keyCode == '13') {
        $('#main_login_form').submit();
    }
}

function user_login_code_keypress(e){
    if (e.keyCode == '13') {
        $('#code_login_form').submit();
    }
}

function get_login_verification_code(btn) {
    if($(btn).attr("disabled")) {
        return false;
    } else {
        if (/^1\d{10}$/.test($("#pass_name_input").val()) || /^[a-zA-Z0-9]+([.\-_\\]*[a-zA-Z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test($("#pass_name_input").val())){
            if($('#drag .drag_text').html() == "验证通过") {
                $("#passlogin_error_notice").hide();
                btn.setAttribute("disabled", "disabled");
                var val = '';
                var type = 6;
                if(/^1\d{10}$/.test($("#pass_name_input").val())){
                    type = 6;
                } else if(/^[a-zA-Z0-9]+([.\-_\\]*[a-zA-Z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test($("#pass_name_input").val())){
                    type = 7;
                }
                $.get(
                    '/account/get_verification_code',
                    { value: $('#pass_name_input').val().trim(),
                        type: type},
                    function (data) {
                        if (data.status == "2") {
                            $("#code_none_reg").show();
                            if(type == 6){
                                $("#code_none_reg").find("span").html("<i class=\"fa fa-minus-circle font-16 fl mt6 mr5\"></i>该手机号尚未注册，你可以<a href=\"/user_join?name=" + $("#pass_name_input").val() + "\" class=\"color-orange03 decoration\">去注册</a>");
                            } else{
                                $("#code_none_reg").find("span").html("<i class='fa fa-minus-circle font-16 fl mt6 mr5'></i>该邮箱尚未绑定，你可以登录后去绑定");
                            }
                        } else {
                            $("#code_none_reg").hide();
                            if(type == 6){
                                $("#send_code_notice").html("<font class=\"font-12\">验证码已经发送到您的手机，请注意查收</font>").show();
                                $("#login_code_error_notice").hide();
                            } else{
                                var uurl = gotoEmail(data.link);
                                $("#send_code_notice").html("<font class=\"font-12\">验证码已经发送到您的邮箱，去<a href='http://" + uurl + "' id='validate_mail' style='color: #ff7500; text-decoration: underline;' target='_blank'>查收</a></font>").show();
                                $("#login_code_error_notice").hide();
                            }
                            time(btn);
                        }
                    });
            } else{
                $("#passlogin_error_notice").show();
            }
        }
    }
}