sms-check.page.js 3.54 KB
'use strict';

var tip, checkPoint;

var $resendBtn,
    $nextBtn,
    $smsCode,
    $resetBtn,
    mobile, area;
var page;

require('js/common');
tip = require('plugin/tip');
checkPoint = require('./smslogin/check-point');

page = {
    disableAjax: false,

    time: 60,
    resendText: '重发验证码',
    timerId: null,
    init: function() {
        this.domInit();
        this.bindEvents();
        if (!window.canResend) {
            this.countDown();
        }
    },


    domInit: function() {
        $resendBtn = $('#resend-sms');
        $nextBtn = $('#btn-next');
        $resetBtn = $('.clear-input');
        $smsCode = $('#sms-code');
        mobile = $('#mobile').val();
        area = $('#area').val();
    },


    bindEvents: function() {
        var self = this;

        $resendBtn.on('click', function() {
            self.resendSMS();
        });

        $smsCode.on('input', function() {
            var hasVal = Boolean($.trim(this.value));

            $nextBtn.trigger('toggleDisable', !hasVal);
            $resetBtn.toggle(hasVal);
        });

        $nextBtn.on('click', function() {
            self.submit();
        });

        $resetBtn.on('click', function() {
            $smsCode.val('');
            $resetBtn.hide();
            $nextBtn.trigger('toggleDisable');
        });

        $nextBtn.on('toggleDisable', function(event, bool) {
            if (bool === void 0) {
                bool = true;
            }

            $nextBtn.toggleClass('disable', bool);
            $nextBtn.prop('disabled', bool);
        });
    },

    countDown: function() {
        var self = this;
        var second = this.time;

        if (this.timerId) {
            return;
        }

        $resendBtn.prop('disabled', true);
        $resendBtn.text('重新发送(' + second + ')');
        this.timerId = setInterval(function() {
            var txt = self.resendText;

            second = second - 1;

            if (second < 0) {
                clearInterval(self.timerId);
                self.timerId = null;
                $resendBtn.prop('disabled', false);
            } else {
                txt = '重新发送(' + second + '秒)';
            }

            $resendBtn.text(txt);
        }, 1000);

    },


    resendSMS: function() {
        var self = this;

        if ($resendBtn.prop('disabled')) {
            return;
        }

        $.get('/passport/sms_login/token.json', {
            area: area,
            mobile: mobile
        })
            .done(function(res) {
                if (res.code === 200) {
                    self.countDown();
                    return;
                }

                tip.show(res.message);
            })
            .fail(function() {
                tip.show('出错啦~休息一下');
            });
    },

    submit: function() {
        var code = $.trim($smsCode.val());

        if ($nextBtn.prop('disabled')) {
            return;
        }

        $nextBtn.prop('disabled', true);
        $.get('/passport/sms_login/check.json', {
            code: code
        })
            .done(function(res) {
                if (res.code === 200) {
                    checkPoint('YB_MOBILE_LOGIN_C'); // 埋点
                    location.href = res.redirect;
                    return;
                }

                tip.show(res.message);
            })
            .fail(function() {
                tip.show('出错了, 请重试');
            })
            .always(function() {
                $nextBtn.prop('disabled', false);
            });
    }
};

$(function() {
    page.init();
});