index.js 34.9 KB

Raw Blame History Permalink

/**
 * 登录
 * @author: tao.huang<tao.huang@yoho.cn>
 * @date: 2016/8/29
 */

/** ************************************************************************/
/*                                  流程                                  */
/** ************************************************************************/
/**
 * 登录分为：
 * 1.普通登录(使用帐户和密码登录)
 * 2.短信验证码登录（使用手机号和验证短信登录）
 * 3.二维码登录
 *
 * 每种登录的流程都是一致的，具体如下：
 * 1. 各个输入框失去焦点验证（包括本地和网络）。
 * 2. 验证包括：本地(Local)和网络(Async)。本地主要是格式验证，网络是服务器验证。
 * 3. 在登录之前，还有预验证(pre)，包括之前所有的验证。
 *
 * 普通登录
 * 帐号验证 => 密码验证    => 图形验证码验证 => 登录之前验证 => 登录
 *
 * 手机验证码登录
 * 帐号验证 => 手机短信验证 => 图形验证码验证 => 登录之前验证 => 登录
 *
 * 二维码登录
 * 生成二维码 => 轮询二维码 => 成功后 => 用二维码登录 => 登录
 *
 * 由于功能关系：把这三种登录：
 * 变成的设备登录：分为桌面(普通登录和手机验证码登录)和手机登录（二维码登录）。
 */

var $ = require('yoho-jquery');

// 密码输入帐号
var $accountInput1 = $('#account1'),
    getAccountVal1 = function() {
        return $.trim($accountInput1.val());
    },

// 短信输入帐号
    $accountInput2 = $('#account2'),
    getAccountVal2 = function() {
        return $.trim($accountInput2.val());
    },

// 密码
    $passwordInput = $('#password'),
    getPasswordVal = function() {
        return $.trim($passwordInput.val());
    },

// 图像验证码
    $captchaImgInput = $('#captcha'),
    $captchaImgWrapper = $('.captcha-wrap'),
    $captchaImgPic = $captchaImgWrapper.find('#captcha-img'),
    getCaptchaImgVal = function() {
        return $.trim($captchaImgInput.val());
    },

// 短信验证码
    $captchaSmsInput = $('#captcha-sms'),
    getCaptchaSmsVal = function() {
        return $.trim($captchaSmsInput.val());
    },
    $captchaSmsBtn = $('.change-captcha-sms'),
    $captchaSmsTokenHideInput = $('#captcha-sms-token-hide'),
    getCaptchaSmsTokenVal = function() { // 短信登录凭证
        return $.trim($captchaSmsTokenHideInput.val());
    },
    $smsCaptchaImgWrapper = $('.sms-captcha-img-wrap'),
    $smsCaptchaImgInput = $smsCaptchaImgWrapper.find('#sms-captcha-input'),
    $smsCaptchaImgPic = $smsCaptchaImgWrapper.find('#sms-captcha-img'),
    getSmsCaptchaImgVal = function() { // 短信登录图形验证码
        return $.trim($smsCaptchaImgInput.val());
    },

// 区域选择
    $countryCodeInput = $('#country-code-hide'),
    getAreaCodeVal = function() {
        return $countryCodeInput.val().replace('+', '');
    },
    $countryCodeHeader = $('#country-code > em'),
    $countryList = $('#country-list'),

// 记住我
    $rememberMe = $('.remember-me'),
    getRememberMeVal = function() {
        return $rememberMe.hasClass('checked') ? true : false;
    },

// 二维码
    $qrCodeHideInput = $('#qrcode'),
    $qrCodeHoverPanel = $('#qrcode-hover'),
    $qrCodeHelper = $('#qrcode-helper'),
    getQrCodeVal = function() {
        return $qrCodeHideInput.val();
    },
    $qrCodeContainer = $('#qrcode-container'),
    $qrCodeOverLayer = $('#qrcode-overlay'),
    pollingQrCodeTimer;

// 提示
var $accountTip1 = $accountInput1.siblings('.err-tip'),
    $accountTip2 = $accountInput2.siblings('.err-tip'),
    $passwordTip = $passwordInput.siblings('.err-tip'),
    $captchaImgTip = $captchaImgInput.siblings('.err-tip'),
    $captchaSmsTip = $captchaSmsInput.siblings('.err-tip'),
    $smsCaptchaImgTip = $smsCaptchaImgInput.siblings('.err-tip'),
    $capsLock = $('#caps-lock');

var mailPhoneRegx = require('../common/mail-phone-regx'), // 邮箱格式验证
    mailAc = require('../common/ac-email'); // 邮箱自动完成

// 图像验证码URL
var CAPTCHA_IMG_URL = '/passport/imagesNode?t=';

// 刷新手机短信图形验证码
var refreshSmsImgCallBack = $.Callbacks(); // eslint-disable-line

// 记住我符号
var checkboxSymbol = {
    checked: '&#xe612;',
    unchecked: '&#xe613;'
};

// 短信验证码的计数器，60s
var secondCount = 60;

// 检查二维码的时间 3s
var CHECK_INTERVAL = 3000;

// 短信验证码只能验证一次
var isSmsCheckedSuccessFlag = false;

/** ************************************************************************/
/*                                  登录类型设置                            */
/** ************************************************************************/
var accountChangeEvent = $.Callbacks(); //eslint-disable-line
var currentLogin = null;
var $PhoneLoginSwitcher = $('.switch');
var AccountLoginData = {
    PasswordLogin: {
        ele: '.password-login',
        validateAccountAsync: function() {
            return $.Deferred().resolve().promise();  // eslint-disable-line
        },
        validateAccountLocal: validateAccountPasswordLocal, // eslint-disable-line
        creditableToken: getPasswordVal,
        type: function() {
            return 'password';
        },
        name: 'PasswordLogin',
        validate: prePasswordLoginWithValidate, // eslint-disable-line
        hideEle: '.sms-login',
        getAccountVal: getAccountVal1, // eslint-disable-line
        showAccountTip: showAccountTip1, // eslint-disable-line
        hideAccountTip: hideAccountTip1  // eslint-disable-line
    },
    SMSLogin: {
        ele: '.sms-login',
        validateAccountAsync: function() {
            return $.ajax({
                url: '/passport/login/sms/checkuser',
                type: 'POST',
                data: {
                    mobile: getAccountVal2(),
                    area: getAreaCodeVal()
                }
            }).then(function(result) {
                var defer = $.Deferred();  // eslint-disable-line

                if (result.code === 200) {
                    hideAccountTip2();  // eslint-disable-line

                    defer.resolve();
                } else {
                    showAccountTip2(result.message);  // eslint-disable-line

                    defer.reject();
                }

                return defer.promise();
            });
        },
        validateAccountLocal: validateAccountSmsLocal, // eslint-disable-line
        creditableToken: getCaptchaSmsTokenVal,
        type: function() {
            return 'sms';
        },
        name: 'SMSLogin',
        validate: preSmsLoginWithValidate,  // eslint-disable-line
        hideEle: '.password-login',
        getAccountVal: getAccountVal2,  // eslint-disable-line
        showAccountTip: showAccountTip2,  // eslint-disable-line
        hideAccountTip: hideAccountTip2  // eslint-disable-line
    },
    QRCodeLogin: {
        name: 'QRCodeLogin',
        type: function() {
            return 'qrcode';
        },
        getAccountVal: function() {  // 这个值没用处只是用来保证登录时接口完整。
            return 'uid';
        },
        validateAccountLocal: function() {
            return $.Deferred().reject().promise();  // eslint-disable-line
        }, // eslint-disable-line
        creditableToken: getQrCodeVal,
        validate: function() {
            return $.Deferred().resolve().promise(); // eslint-disable-line
        }
    }
};

/** ************************************************************************/
/*                                  设备登录类型                             */
/** ************************************************************************/
var $deviceSwitcher = $('#device-bg');
var deviceLoginData = {
    DesktopLogin: {
        ele: '.desktop-login',
        hideEle: '.mobile-login',
        dataType: 'MobileLogin',
        tipText: '扫码登录更安全',
        bgClass: 'type-mobile-bg',
        removeClass: 'type-desktop-bg'
    },
    MobileLogin: {
        ele: '.mobile-login',
        hideEle: '.desktop-login',
        dataType: 'DesktopLogin',
        tipText: '密码登录在这里',
        bgClass: 'type-desktop-bg',
        removeClass: 'type-mobile-bg'
    }
};

var $deviceTips = $('.type-tip');

// 提示只显示一次
var desktopTipShowOnce = $.Callbacks('once'); //eslint-disable-line
var mobileTipShowOnce = $.Callbacks('once');  //eslint-disable-line

var QR_CODE_ERR = {
    fail: '扫描失败',
    error: '二维码已失效'
};

var tpl = function(text) {
    return [
        '<div class="qrcode-err-tip">',
        text,
        '</div><a id="qrcode-refresh-btn" class="qrcode-refresh-btn">请点击刷新</a>'
    ].join('');
};

// 切换登录方式
accountChangeEvent.add(function(type) {
    currentLogin = AccountLoginData[type];
});

// 重置状态
accountChangeEvent.add(function(type) {
    hideAccountTip1(); // eslint-disable-line
    hideAccountTip2();  // eslint-disable-line
    hideCaptchaImgTip(); // eslint-disable-line
    hideCaptchaSmsTip(); // eslint-disable-line
    hidePasswordTip();   // eslint-disable-line
    hideSmsCaptchaImgTip(); // eslint-disable-line

    $passwordInput.val('');
    $captchaImgInput.val('');

    $captchaSmsInput.val('');
    $smsCaptchaImgInput.val('');
    $captchaSmsTokenHideInput.val('');

    if (type === AccountLoginData.QRCodeLogin.name) {
        $qrCodeOverLayer.empty();
        initQrCode(); // eslint-disable-line
    }
});

// 保留已输入的帐号信息
accountChangeEvent.add(function(type) {
    if (type === AccountLoginData.SMSLogin.name) {
        $accountInput2.val($accountInput1.val());
        $smsCaptchaImgPic.attr('src', CAPTCHA_IMG_URL + $.now());
    } else {
        $accountInput1.val($accountInput2.val());
    }
});

desktopTipShowOnce.add(function() {
    $deviceTips.removeClass('hide');
});

mobileTipShowOnce.add(function() {
    $deviceTips.removeClass('hide');
});

refreshSmsImgCallBack.add(function() {
    $smsCaptchaImgPic.attr('src', CAPTCHA_IMG_URL + $.now());
});

/** ************************************************************************/
/*                                  加载自定义库                            */
/** ************************************************************************/

require('yoho-jquery-qrcode');
require('yoho-jquery-placeholder');
require('../../simple-header');
require('../../common');// yas

/** ************************************************************************/
/*                                  错误提示框                              */
/** ************************************************************************/

function errTipShow($tip, $input, msg) {
    $tip.removeClass('hide').children('em').empty().html(msg);
    $input.addClass('error');
}

function errTipHide($tip, $input) {
    $tip.addClass('hide');
    $input.removeClass('error');
}

/** ************************************************************************/

function showAccountTip1(msg) {
    return errTipShow($accountTip1, $accountInput1, msg);
}

function hideAccountTip1() {
    return errTipHide($accountTip1, $accountInput1);
}

function showAccountTip2(msg) {
    refreshSmsImgCallBack.fire();
    return errTipShow($accountTip2, $accountInput2, msg);
}

function hideAccountTip2() {
    return errTipHide($accountTip2, $accountInput2);
}

/** ************************************************************************/

function showPasswordTip(msg) {
    return errTipShow($passwordTip, $passwordInput, msg);
}

function hidePasswordTip() {
    return errTipHide($passwordTip, $passwordInput);
}

/** ************************************************************************/

function showCaptchaImgTip(msg) {
    return errTipShow($captchaImgTip, $captchaImgInput, msg);
}

function hideCaptchaImgTip() {
    return errTipHide($captchaImgTip, $captchaImgInput);
}

/** ************************************************************************/

function showCaptchaSmsTip(msg) {
    refreshSmsImgCallBack.fire();
    return errTipShow($captchaSmsTip, $captchaSmsInput, msg);
}

function hideCaptchaSmsTip() {
    return errTipHide($captchaSmsTip, $captchaSmsInput);
}

/** ************************************************************************/

function showSmsCaptchaImgTip(msg) {
    refreshSmsImgCallBack.fire();
    return errTipShow($smsCaptchaImgTip, $smsCaptchaImgInput, msg);
}

function hideSmsCaptchaImgTip() {
    return errTipHide($smsCaptchaImgTip, $smsCaptchaImgInput);
}

/** ************************************************************************/

function showQrCodeFailTip(msg) {
    hideQrCodeTip();  // eslint-disable-line
    $qrCodeOverLayer.addClass('qrcode-overlay-fail');
    $qrCodeOverLayer.append(tpl(msg));

    $qrCodeHoverPanel.addClass('hide'); // 取消事件
}

function hideQrCodeTip() {
    $qrCodeOverLayer.empty();
    $qrCodeOverLayer.removeClass();

    $qrCodeHoverPanel.removeClass('hide'); // 激活事件
}

function showQrCodeSuccess() {
    $qrCodeOverLayer.addClass('qrcode-overlay-success');
}

/** ************************************************************************/
/*                                  用户帐号验证                            */
/** ************************************************************************/

function validateAccountPasswordLocal() {
    var account = currentLogin.getAccountVal(),
        err;

    var defer = $.Deferred(); // eslint-disable-line

    if (account !== '') {
        if (/^[0-9]+$/.test(account)) {
            defer.resolve();
        } else {
            if (mailPhoneRegx.emailRegx.test(account)) {
                defer.resolve();
            } else {
                defer.reject();
                err = '邮箱格式不正确，请重新输入';
            }
        }
    } else {
        err = '请输入账户名';
    }

    if (defer.state() === 'resolved') {
        currentLogin.hideAccountTip();
    } else {
        currentLogin.showAccountTip(err);
    }
    return defer.promise();
}

function validateAccountSmsLocal() {
    var account = currentLogin.getAccountVal(),
        err;

    var defer = $.Deferred(); // eslint-disable-line

    if (account !== '') {
        if (/^[0-9]+$/.test(account)) {

            defer.resolve();
        } else {
            err = '手机号码不正确，请重新输入';

            defer.reject();
        }
    } else {
        err = '请输入手机号';
    }

    if (defer.state() === 'resolved') {
        currentLogin.hideAccountTip();
    } else {
        currentLogin.showAccountTip(err);
    }

    return defer.promise();
}

// 本地验证和网络验证
function validateAccount() {
    return currentLogin.validateAccountLocal()
        .then(currentLogin.validateAccountAsync)
        .then(currentLogin.hideAccountTip);
}


/** ************************************************************************/
/*                                  密码验证                                */
/** ************************************************************************/

function validatePasswordLocal() {
    var password = getPasswordVal(),
        err;

    var defer = $.Deferred(); // eslint-disable-line

    if (password !== '') {
        if (password.length < 6) {
            err = '请输入长度为6-20字符的密码';

            defer.reject();
        } else {

            defer.resolve();
        }
    } else {
        err = '请输入密码';

        defer.reject();
    }

    if (defer.state() === 'resolved') {
        hidePasswordTip();
    } else {
        showPasswordTip(err);
    }

    return defer.promise();
}

/** ************************************************************************/
/*                                  图形验证码                              */
/** ************************************************************************/

function validateCaptchaImgLocal() {
    var captcha = getCaptchaImgVal(),
        err;

    var defer = $.Deferred(); // eslint-disable-line

    if (captcha !== '') {
        if (captcha.length !== 4) {
            err = '请输入长度为4字符的验证码';

            defer.reject();
        } else {

            defer.resolve();
        }
    } else {
        err = '请输入验证码';

        defer.reject();
    }

    if (defer.state() === 'resolved') {
        hideCaptchaImgTip();
    } else {
        showCaptchaImgTip(err);
    }

    return defer.promise();
}

function validateCaptchaImgAsync() {
    return $.ajax({
        url: '/passport/captcha/img',
        type: 'POST',
        data: {
            verifyCode: getCaptchaImgVal()
        }
    }).then(function(result) {
        var defer = $.Deferred(); // eslint-disable-line

        if (result.code === 200) {
            hideCaptchaImgTip();

            defer.resolve();
        } else {
            showCaptchaImgTip('验证码不正确');

            defer.reject();
        }

        return defer.promise();
    });
}

function validateCaptchaImg() {
    // 验证码不可见的时候验证通过
    if ($captchaImgWrapper.is(':hidden')) {
        return $.Deferred().resolve().promise(); //eslint-disable-line
    }

    return validateCaptchaImgLocal()
        .then(validateCaptchaImgAsync)
        .then(hideCaptchaSmsTip);
}

/** ************************************************************************/
/*                                  短信验证码                              */
/** ************************************************************************/

function validateCaptchaSmsLocal() {
    var captcha = getCaptchaSmsVal(),
        err;

    var defer = $.Deferred(); // eslint-disable-line

    if (captcha !== '') {
        if (captcha.length !== 4) {
            err = '请输入长度为4字符的验证码';

            defer.reject();
        } else {

            defer.resolve();
        }
    } else {
        err = '请输入短信验证码';

        defer.reject();
    }

    if (defer.state() === 'resolved') {
        hideCaptchaSmsTip();
    } else {
        showCaptchaSmsTip(err);
    }

    return defer.promise();
}

// Note: 这里的验证码只能成功验证一次，十分钟内有效
function validateCaptchaSmsAsync() {
    var smsToken = getCaptchaSmsTokenVal();

    if (isSmsCheckedSuccessFlag && smsToken !== '') {
        return $.Deferred().resolve().promise();              // eslint-disable-line
    }

    return $.ajax({
        url: '/passport/login/sms/auth',
        type: 'POST',
        data: {
            area: getAreaCodeVal(),
            mobile: currentLogin.getAccountVal(),
            code: getCaptchaSmsVal()
        }
    }).then(function(result) {
        var defer = $.Deferred(); // eslint-disable-line

        if (result.code === 200) {
            hideCaptchaSmsTip();
            $captchaSmsTokenHideInput.val(result.token);
            isSmsCheckedSuccessFlag = true;

            defer.resolve();
        } else {
            showCaptchaSmsTip('验证码不正确');
            $captchaSmsTokenHideInput.val('');

            defer.reject();
        }

        return defer.promise();
    });
}

function validateCaptchaSms() {
    return validateCaptchaSmsLocal()
        .then(validateCaptchaSmsAsync)
        .then(hideCaptchaSmsTip);
}

function disable60sSendSmsBtn() {
    secondCount -= 1;
    if (secondCount < 0) {
        secondCount = 60;
        $captchaSmsBtn.text('获取短信验证码')
            .removeClass('second-progress')
            .removeClass('disable');
    } else {
        $captchaSmsBtn.addClass('disable')
            .addClass('second-progress')
            .text(secondCount + '秒后可重新操作');
        window.setTimeout(disable60sSendSmsBtn, 1000);
    }
}

function sendCaptchaSmsAsync() {
    return $.ajax({
        type: 'POST',
        url: '/passport/login/sms/send',
        data: {
            area: getAreaCodeVal(),
            mobile: currentLogin.getAccountVal()
        }
    });
}

/** ************************************************************************/
/*                                  短信验证图形验证                         */
/** ************************************************************************/

function smsCaptchaImgLocal() {
    var captcha = getSmsCaptchaImgVal(),
        err;

    var defer = $.Deferred(); // eslint-disable-line

    if (captcha !== '') {
        if (captcha.length !== 4) {
            err = '请输入长度为4字符的验证码';

            defer.reject();
        } else {

            defer.resolve();
        }
    } else {
        err = '请输入验证码';

        defer.reject();
    }

    if (defer.state() === 'resolved') {
        hideSmsCaptchaImgTip();
    } else {
        showSmsCaptchaImgTip(err);
    }

    return defer.promise();
}

function smsCaptchaImgAsync() {
    return $.ajax({
        url: '/passport/captcha/img',
        type: 'POST',
        data: {
            verifyCode: getSmsCaptchaImgVal()
        }
    }).then(function(result) {
        var defer = $.Deferred(); // eslint-disable-line

        if (result.code === 200) {
            hideSmsCaptchaImgTip();

            defer.resolve();
        } else {
            showSmsCaptchaImgTip('验证码不正确');

            defer.reject();
        }

        return defer.promise();
    });
}

function validateSmsCaptchaImg() {
    smsCaptchaImgLocal()
        .then(smsCaptchaImgAsync)
        .then(hideSmsCaptchaImgTip);
}

/** ************************************************************************/
/*                                  二维码验证                              */
/** ************************************************************************/

function drawQrCode(qrcode) {
    $qrCodeContainer.empty().qrcode({
        render: 'table',
        size: 140,
        text: qrcode
    });

    $qrCodeHideInput.val(qrcode);
}

function refreshQrCodeAsync() {
    return $.ajax({
        url: '/passport/login/qrcode/refresh',
        type: 'POST',
        data: {}
    }).then(function(result) {
        var defer = $.Deferred();                           // eslint-disable-line

        if (result.code === 200) {
            hideQrCodeTip();
            drawQrCode(result.data.qrcode);

            defer.resolve();
        } else {
            showQrCodeFailTip(QR_CODE_ERR.error);

            defer.reject();
        }

        return defer.promise();
    });
}

function validateQrCodeAsync(code) {
    return $.ajax({
        url: '/passport/login/qrcode/check',
        type: 'POST',
        data: {
            qrcode: code
        }
    });
}

function pollingThisQrCodeStatusAsync() {
    if (pollingQrCodeTimer !== null) {
        stopPollingQrCodeTimer(); // eslint-disable-line
    }

    pollingQrCodeTimer = setTimeout(function() {
        validateQrCodeAsync(getQrCodeVal())
            .always(stopPollingQrCodeTimer)      // eslint-disable-line
            .then(function(result) {
                if (result.code === 200) {
                    showQrCodeSuccess();
                    loginAsync();         // eslint-disable-line

                } else if (result.code === 403) {
                    setImmediate(pollingThisQrCodeStatusAsync);

                } else if (result.code === 404) {
                    showQrCodeFailTip(QR_CODE_ERR.error);

                } else {
                    showQrCodeFailTip(QR_CODE_ERR.fail);
                }
            });
    }, CHECK_INTERVAL);
}

function stopPollingQrCodeTimer() {
    clearTimeout(pollingQrCodeTimer);
    pollingQrCodeTimer = null;
}

function initQrCode() {
    drawQrCode('//m.yohobuy.com/signin.html');
}

function getDesktopLoginType() {
    return $PhoneLoginSwitcher.find('.selected').data('type');
}

/** ************************************************************************/
/*                                  全部验证过程                             */
/** ************************************************************************/

// 密码验证过程
function validateWithPasswordMode() {
    return validateAccount()
        .then(validatePasswordLocal)
        .then(validateCaptchaImg);
}

// 短信验证过程
function validateWithSmsMode() {
    return validateAccount()
        .then(validateSmsCaptchaImg)
        .then(validateCaptchaSms);
}

/** ************************************************************************/
/*                                  登录之前验证                             */
/** ************************************************************************/

// password登录之前验证
function prePasswordLoginWithValidate() {
    return (function() {
        var account = currentLogin.getAccountVal(),
            password = getPasswordVal();

        var defer = $.Deferred(); // eslint-disable-line

        if (account === '') {
            showAccountTip1('请输入账户名');

            defer.reject();
        }

        if (password === '') {
            showPasswordTip('请输入密码');

            defer.reject();
        }

        if (account === '' && password === '') {
            // 账户名和密码都为空的情况下点击登陆，只在账户输入框后显示错误提示
            showAccountTip1('请输入账户名和密码');

            $passwordTip.addClass('hide');
            $passwordInput.addClass('error');

            defer.reject();
        }

        return defer.resolve().promise();

    }()).then(validateWithPasswordMode);
}

// sms登录之前验证
function preSmsLoginWithValidate() {
    return (function() {
        var account = currentLogin.getAccountVal(),
            password = getCaptchaSmsVal(),
            smsImg = getSmsCaptchaImgVal();

        var defer = $.Deferred(); // eslint-disable-line

        if (account === '') {
            showAccountTip1('请输入手机号');

            defer.reject();
        }

        if (smsImg === '') {
            showSmsCaptchaImgTip('请输入图形证码');

            defer.reject();
        }

        if (password === '') {
            showCaptchaSmsTip('请输入短信验证码');

            defer.reject();
        }

        if (password === '' && account === '') {
            // 账户名和密码都为空的情况下点击登陆，只在账户输入框后显示错误提示
            showAccountTip1('请输入手机号和短信验证码');

            $captchaSmsTip.addClass('hide');
            $captchaSmsInput.addClass('error');

            defer.reject();
        }

        return defer.resolve().promise();

    }()).then(validateWithSmsMode);
}

/** ************************************************************************/
/*                                  登录函数                                */
/** ************************************************************************/

function loginAsync() {
    return currentLogin.validate().then(function() {
        return $.ajax({
            url: '/passport/login/auth',
            type: 'POST',
            data: {
                areaCode: getAreaCodeVal(),
                account: currentLogin.getAccountVal(),
                password: currentLogin.creditableToken(),
                captcha: currentLogin.type() === 'password' ? getCaptchaImgVal() : getSmsCaptchaImgVal(),
                isRemember: getRememberMeVal(),
                loginType: currentLogin.type()
            }
        });
    }).then(function(res) {

        if (res.code === 200) {
            if (res.data) {
                location.href = res.data.session;
            }
        } else {
            if (res.data.errorType === 'captcha') {
                $captchaImgTip.removeClass('hide')
                    .children('em')
                    .html(res.message);

                $captchaImgInput.addClass('error').val('');

            } else {
                if (currentLogin.type() === 'password') {
                    showPasswordTip(res.message);
                    $passwordInput.addClass('error').val('');

                } else if (currentLogin.type() === 'sms') {
                    showCaptchaSmsTip('短信验证码错误');
                    $captchaSmsInput.addClass('error').val('');
                } else if (currentLogin.type() === 'qrcode') {
                    showQrCodeFailTip(QR_CODE_ERR.fail);
                }
            }

            // 验证错误次数
            if (res.data && res.data.needCaptcha) {
                showCaptchaImgPic();                          // eslint-disable-line
            }
        }
    });
}

function showCaptchaImgPic() {
    $captchaImgPic.attr('src', CAPTCHA_IMG_URL + $.now());
    $captchaImgInput.val('');
    $captchaImgWrapper.removeClass('hide');
}

// 设置 refer 信息
function setRefer() {
    var refer = queryString().refer || '',  // eslint-disable-line
        regUrl;

    if (refer) {
        setCookie('refer', refer, {domain: '.yohobuy.com', path: '/'});  // eslint-disable-line
    }

    regUrl = (function() {
        if (refer) {
            return '/reg.html?refer=' + refer;
        } else {
            return '/reg.html';
        }
    }());

    $('.fast-reg').attr('href', regUrl);
}

/** ************************************************************************/
/*                                  事件绑定                                */
/** ************************************************************************/

$('[placeholder]').placeholder(); // ie8 兼容 placeholder

// 展开地区列表
$('#country-code').on('click', function() {
    if ($countryList.css('display') === 'none') {
        $countryList.slideDown();
    }
});

// 选中地区列表项
$countryList.on('click', 'li', function() {
    var $this = $(this),
        cc = $this.data('cc');

    $countryCodeHeader.html($this.html());
    $countryCodeInput.val(cc);
    $countryList.slideUp();
});

// 点击其他区域，收起区域列表
$(document).on('click', function(e) {
    if ($(e.target).closest('#country-code').length > 0) {
        return;
    }

    if ($countryList.css('display') === 'block') {
        $countryList.slideUp();
    }
});

/** ************************************************************************/

    // 邮箱自动完成后失去焦点：仅进行本地格式验证格式；
mailAc($accountInput1, function() {
    return currentLogin.validateAccountLocal();
});

// 密码输入框事件
$passwordInput.on('blur', function() {
    validatePasswordLocal();

    if ($capsLock.hasClass('hide')) {
        return;
    }

    $capsLock.addClass('hide');
}).on('keypress', function(e) {
    var code = e.which;

    // CapsLock检测
    if (code >= 65 && code <= 90) {
        $capsLock.removeClass('hide');
        return;
    }
    $capsLock.addClass('hide');
});

// 图像验证码输入框事件
$captchaImgInput.on('blur', validateCaptchaImg);


/** ************************************************************************/

// 短信下手机输入框失去焦点：本地验证格式
$accountInput2.on('blur', function() {
    return currentLogin.validateAccountLocal();
});

// 图形验证码失去焦点验证
$smsCaptchaImgInput.on('blur', function() {
    validateSmsCaptchaImg();
});

// sms验证码输入框事件
$captchaSmsInput.on('blur', validateCaptchaSms);

// 短信验证码发送按钮
$captchaSmsBtn.on('click', function() {
    // 已在发送短信时间范围内
    if ($captchaSmsBtn.hasClass('second-progress')) {
        return;
    }

    validateAccount().then(function() {
        disable60sSendSmsBtn();
        return sendCaptchaSmsAsync();
    });
});

// 记住登录状态
$rememberMe.on('click', function() {
    var $this = $(this);

    $this.toggleClass('checked');

    if ($this.hasClass('checked')) {
        $this.children('i').html(checkboxSymbol.checked);
    } else {
        $this.children('i').html(checkboxSymbol.unchecked);
    }
});

// focus到输入框则隐藏错误提示和样式
$('.va').on('focus', function() {
    var $this = $(this);

    $this.removeClass('error');
    $this.siblings('.err-tip').addClass('hide');
});

// 验证码刷新
$captchaImgWrapper.on('click', '.change-captcha, .captcha-img', function() {
    $captchaImgPic.attr('src', CAPTCHA_IMG_URL + $.now());
});

// 刷新短信图形验证码
$smsCaptchaImgWrapper.on('click', '.change-captcha, .captcha-img', function() {
    $smsCaptchaImgPic.attr('src', CAPTCHA_IMG_URL + $.now());
});

// 切换登录模式：密码登录和短信登录
$PhoneLoginSwitcher.on('click', 'div', function() {
    var $this = $(this),
        type = $this.data('type');

    if ($this.hasClass('selected')) {
        return;
    }

    accountChangeEvent.fire(type);

    $this.addClass('selected');
    $this.siblings().removeClass('selected');

    $(AccountLoginData[type].ele).removeClass('hide');
    $(AccountLoginData[type].hideEle).addClass('hide');
});

// 切换登录模式：手机登录和二维码登录
$deviceSwitcher.on('click', function() {
    var $this = $(this),
        $parent = $this.parent(),
        type = $parent.data('type');

    $deviceTips.addClass('hide'); // 提示一直隐藏

    $(deviceLoginData[type].ele).removeClass('hide');
    $(deviceLoginData[type].hideEle).addClass('hide');

    $parent.data('type', deviceLoginData[type].dataType);
    $parent.find('#device-tip').html(deviceLoginData[type].tipText);

    $this.removeClass(deviceLoginData[type].removeClass)
        .addClass(deviceLoginData[type].bgClass);

    if (type === 'DesktopLogin') {
        desktopTipShowOnce.fire();

        // 还原桌面登录方式
        accountChangeEvent.fire(getDesktopLoginType());

        stopPollingQrCodeTimer();
    } else {
        mobileTipShowOnce.fire();

        accountChangeEvent.fire('QRCodeLogin');

        refreshQrCodeAsync().then(pollingThisQrCodeStatusAsync);
    }
});

// 鼠标移动到二维码上面
$qrCodeHoverPanel.hover(function() {
    $qrCodeContainer.stop(false, true).animate({left: '-=65'}, {
        complete: function() {
            $qrCodeHelper.removeClass('hide');
        }
    });
}, function() {
    $qrCodeContainer.stop(false, true).animate({left: '+=65'}, {
        start: function() {
            $qrCodeHelper.addClass('hide');
        }
    });
});

$qrCodeOverLayer.on('click', '#qrcode-refresh-btn', function() {
    refreshQrCodeAsync().then(pollingThisQrCodeStatusAsync);
});

/** ************************************************************************/
/*                                  登录                                   */
/** ************************************************************************/

    // click登录
$('#login-btn').on('click', loginAsync);

// enter登录
$('input.va').on('keypress', function(e) {
    if (e.which === 13) {
        loginAsync();
    }
});

/** ************************************************************************/
/*                                  初始化                                 */
/** ************************************************************************/

    // 初始化为：桌面登录
$deviceSwitcher.triggerHandler('click');

// 只带账户名的页面，密码输入获得焦点
if (($accountInput1.val() !== '' ||
    $accountInput1.val() === $accountInput1.attr('placeholder')) &&
    $passwordInput.val() === '') {

    $passwordInput.focus();
}

// 设置 refer
setRefer();

/** ************************************************************************/
/*                                  结束                                   */
/** ************************************************************************/