js代碼優化提升

用戶登陸 - 博客園

<p>您的瀏覽器未啓用Javascript，沒法進行登陸。</p><div cdata_tag="style" style="display:none">form { display:none;}</div>

   <script>

        var return_url = 'http://home.cnblogs.com';

        var ajax_url = '/user' + '/signin';

        var enable_captcha = false;

        var is_in_progress = false;

        function setFocus() {

            document.getElementById('input1').focus();

        }

        function check_enter(event) {

            if (event.keyCode == 13) {

                var target = event.target || event.srcElement;

                if (target.id == "input1") {

                    if (document.getElementById('input1').value == '') {

                        $('#tip_input1').html("請輸入登陸用戶名");

                        return;

                    }

                    else if (document.getElementById('input2').value == '') {

                        document.getElementById("input2").focus();

                        return;

                    }

                }

                if (target.id == "input2") {

                    if (document.getElementById('input2').value == '') {

                        $('#tip_input2').html("請輸入密碼");

                        return;

                    }

                }

                signin_go();

            }

        }

        function signin_go() {

            if(is_in_progress){

                return;

            }

            $('#tip_input1').html('');

            $('#tip_input2').html('');

            var input1 = $.trim($('#input1').val());

            if (!input1) {

                $('#tip_input1').html("請輸入登陸用戶名");

                $('#input1').focus();

                return;

            }

            var input2 = $.trim($('#input2').val());

            if (!input2) {

                $('#tip_input2').html("請輸入密碼");

                $('#input2').focus();

                return;

            }

            if(enable_captcha)

            {

                var captchaCode = $.trim($('#captcha_code_input').val());

                if (!captchaCode)

                {

                    $('#tip_captcha_code_input').html("請輸入驗證碼");

                    $('#captcha_code_input').focus();

                    return;

                }

            }

            $('#tip_btn').html('提交中...');

            var encrypt = new JSEncrypt();

            encrypt.setPublicKey('MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCp0wHYbg/NOPO3nzMD3dndwS0MccuMeXCHgVlGOoYyFwLdS24Im2e7YyhB0wrUsyYf0/nhzCzBK8ZC9eCWqd0aHbdgOQT6CuFQBMjbyGYvlVYU2ZP7kG9Ft6YV6oc9ambuO7nPZh+bvXH0zDKfi02prknrScAKC0XhadTHT3Al0QIDAQAB');

            var encrypted_input1 = encrypt.encrypt($('#input1').val());

            var encrypted_input2 = encrypt.encrypt($('#input2').val());

            var ajax_data = {

                input1: encrypted_input1,

                input2: encrypted_input2,

                remember: $('#remember_me').prop('checked')

            };

            if(enable_captcha){

                var captchaObj = $("#captcha_code_input").get(0).Captcha;

                ajax_data.captchaId = captchaObj.Id;

                ajax_data.captchaInstanceId = captchaObj.InstanceId;

                ajax_data.captchaUserInput = $("#captcha_code_input").val();

            }

            is_in_progress = true;

            $.ajax({

                url: ajax_url,

                type: 'post',

                data: JSON.stringify(ajax_data),

                contentType: 'application/json; charset=utf-8',

                dataType: 'json',

                headers: {

                    'VerificationToken': 'aU1xD0j55WA4hc9dQCOK0THCFAjwmdlXl7a7ZbwodG_hT_4DuGOw1xMjDn3_FSjB9nPifbXPJncip-y7qXGAMM59q3E1:fVHA5H0K1bX0doix4IMc19nDXoESs6QPoCyBQJQp7rtNqN1LgDVSrHcZ2uTGwQVasipG5yvlZW8y4ddOGkLZup_zFZ01'

                },

                success: function (data) {                    

                    if (data.success) {

                        $('#tip_btn').html('登陸成功，正在重定向...');

                        location.href = return_url;

                    } else {

                        $('#tip_btn').html(data.message + "<br/><br/>聯繫 contact@cnblogs.com");

                        is_in_progress = false;

                        if(enable_captcha)

                        {

                            captchaObj.ReloadImage();

                        }

                    }

                },

                error: function (xhr) {

                    is_in_progress = false;

                    $('#tip_btn').html('抱歉！出錯！聯繫 contact@cnblogs.com');

                }

            });

        }

        $(function () {

            $('#signin').bind('click', function () {

                signin_go();

            }).val('登 錄');

        });

    </script>

<form method="post" onsubmit="return false;">

                        <div id="Heading">登陸博客園 - 代碼改變世界</div>

                        <div class="block">

                            <label class="label-line">登陸用戶名(<a href="/GetUsername.aspx" tabindex="-1" class="tb_right">找回</a>)</label>

                            <input type="text" id="input1" value="" class="input-text" onkeydown="check_enter(event)" /> <span id="tip_input1" class="tip"></span>

                        </div>

                        <div class="block">

                            <label class="label-line">密碼(<a href="/GetMyPassword.aspx" tabindex="-1" class="tb_right">重置</a>)</label>

                            <input type="password" id="input2" value="" class="input-text" onkeydown="check_enter(event)" /> <span id="tip_input2" class="tip"></span>

                        </div>

                        <div class="block">

                            <input id="remember_me" type="checkbox" name="remember_me" onkeydown="check_enter(event)" /><label for="remember_me" onkeydown="check_enter(event)">下次自動登陸</label>

                        </div>

                        <div class="block">

                            <input type="submit" id="signin" class="button" value="加載中..." /> <span id="tip_btn" class="tip"></span>

                        </div>

                        <div class="block nav">

                            &raquo; <a href="/register.aspx?ReturnUrl=http://home.cnblogs.com" title="註冊成爲博客園用戶">當即註冊</a><br />

                            &raquo; <a href="http://www.cnblogs.com/ContactUs.aspx">反饋問題</a>

                        </div>

                    </form>