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>

js代码优化提高

标签：

原文地址：http://my.oschina.net/u/876290/blog/498666