登录页保存账号密码（笔记）

1.设置好包含对应id的form、Username、Password、CheckBox

2.绑定表单的submit。

3.try。

<script>

        window.onload = function () {

            $("form").attr("id", "BeginForm");

            var oForm = document.getElementById('BeginForm');

            var oUser = document.getElementById('UserName');

            var oPswd = document.getElementById('Password');

            var oRemember = document.getElementById('remember-password');

            //页面初始化时，如果帐号密码cookie存在则填充

            if (getCookie('user') && getCookie('pswd')) {

                oUser.value = getCookie('user');

                oPswd.value = getCookie('pswd');

                oRemember.checked = true;

            }

            //复选框勾选状态发生改变时，如果未勾选则清除cookie

            oRemember.onchange = function () {

                if (!this.checked) {

                    delCookie('user');

                    delCookie('pswd');

                }

            };

            //表单提交事件触发时，如果复选框是勾选状态则保存cookie

            oForm.onsubmit = function () {

                if (oRemember.checked) {

                    setCookie('user', oUser.value, 7); //保存帐号到cookie，有效期7天

                    setCookie('pswd', oPswd.value, 7); //保存密码到cookie，有效期7天

                }

            };

        };

        //设置cookie

        function setCookie(name, value, day) {

            var date = new Date();

            date.setDate(date.getDate() + day);

            document.cookie = name + '=' + value + ';expires=' + date;

        };

        //获取cookie

        function getCookie(name) {

            var reg = RegExp(name + '=([^;]+)');

            var arr = document.cookie.match(reg);

            if (arr) {

                return arr[1];

            } else {

                return '';

            }

        };

        //删除cookie

        function delCookie(name) {

            setCookie(name, null, -1);

        };

    </script>