Javascrip操作登录记住用户名和密码

Javascrip操作登录记住用户名和密码

<script type="text/javascript">
        $(document).ready(function () {
            
            $("#UserAccount").focus();
            //记住用户名和密码
            $(&#39;#remebers&#39;).click(function () {
                if ($("#UserAccount").val() == "") {
                    alert("用户名不能为空！");
                }
                if($("#UserPassword").val() == "")
                {
                    alert("密码不能为空！");
                }
                else {
                    if ($(&#39;#remebers&#39;).attr("checked")) {
                        setCookie("uname", $("#UserAccount").val(), 60);
                        setCookie("upwd", $("#UserPassword").val(), 60);
                    }
                    else {
                        delCookie("uname");
                        delCookie("upwd");
                    }
                }
            });

            if (getCookie("uname") != null)
            {
                $(&#39;#remebers&#39;).attr("checked", "checked");
                $(&#39;#UserAccount&#39;).val(getCookie("uname"));
                $(&#39;#UserPassword&#39;).val(getCookie("upwd"));
            }
        })

        //写cookies
        function setCookie(name, value) {
            var Days = 30;
            var exp = new Date();
            exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
            document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
        }

        //读取cookies 
        function getCookie(name) {
            var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");

            if (arr = document.cookie.match(reg)) return unescape(arr[2]);
            else return null;
        }

        //删除cookies 
        function delCookie(name) {
            var exp = new Date();
            exp.setTime(exp.getTime() - 1);
            var cval = getCookie(name);
            if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
        }

    </script>
 
　　<p class="main">
                    <section id="login_form">
                        @using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post))
                        {
                            @Html.AntiForgeryToken()
                            @Html.ValidationSummary(true)
                            
                            <table>
                                <tr>
                                    <td align="right">账　号：</td>
                                    <td align="left"><input type="text" id="UserAccount" name="UserAccount" /> @Html.ValidationMessageFor(m => m.UserAccount)</td>
                                </tr>
                                <tr>
                                    <td align="right">密　码：</td>
                                    <td align="left">
                                        <input type="password" id="UserPassword" name="UserPassword" />
                                        @Html.ValidationMessageFor(m => m.UserPassword)
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td align="left">
                                        <input name="remebers" id="remebers" type="checkbox" />
                                        <span style="color:#4a4949">记住用户名和密码</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td align="left">

                                        <input type="submit" name="submit" id="submit" value="" style=" background: url(../../Images/Login/login_submit.jpg) no-repeat; height: 25px; width: 59px;  " />
                                         
                                       <input type="reset" name="reset" id="reset" value="" style="background: url(../../Images/Login/login_reset.jpg) no-repeat; height: 25px; width: 59px;  " />

                                    </td>
                                </tr>
                               
                            </table>
                        }
                    </section>
                    <p class="note">
                        * 不要在公共场合保存登录信息；<br />
                        * 为了保证您的帐号安全，退出系统时请注销登录
                        <span id="msg_tip"></span>
                    </p>
                </p>

以上是Javascrip操作登录记住用户名和密码的详细内容。更多信息请关注PHP中文网其他相关文章！