1. 程式人生 > >jquery記住表單使用者密碼示例

jquery記住表單使用者密碼示例

    function setCookie() {
        var loginCode = $("#userName").val();
        var pwd = $("#password").val();
        var checked = $('#remberMe').prop('checked') ? true : false;
        if (checked) {
            $.cookie("login_code", loginCode);
            pwd = $.base64.encode(pwd)
            $.cookie("login_pwd", pwd);
        } else
            $.cookie("login_pwd", null);
    }
    function getCookie() {
        var loginCode = $.cookie("login_code");
        var pwd = $.cookie("login_pwd");
        if (pwd && pwd != 'null') { //傳入cookie為null 也會轉為字串"null"
            if (loginCode)
                $("#userName").val(loginCode);
            else
                return;
            $("#remberMe").prop("checked", true);
            pwd = $.base64.decode(pwd);
            $("#password").val(pwd);
        }
        if (loginCode && loginCode != 'null')
            $("#userName").val(loginCode);

    }

    function initKeyEvent() {
        getCookie();
        $("#loginForm").keydown(function (event) {
            if (event.keyCode == 13) {
                login();
            }
        });
    }

    function login() {
        $.post("/login", $("#loginForm").serialize(), function (data, status) {
            if (data.code == "0000") {
                setCookie();
                window.location.href = "/kgds/main/main.html";
            } else {
                $("#password").val("");
                $.messager.alert("錯誤提示", data.msg, "info")
            }
        });
    }
	
<!--繫結回車按鍵監聽事件-->
<body id="login" onload="initKeyEvent()">