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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascrip操作登录记住用户名和密码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2519字，纯文字阅读大概需要4分钟。

内容图文

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

            if (getCookie("uname") != null)
            {
                $('#remebers').attr("checked", "checked");
                $('#UserAccount').val(getCookie("uname"));
                $('#UserPassword').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;  " />
                                        &nbsp;
                                       <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操作登录记住用户名和密码的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的Javascrip操作登录记住用户名和密码全部内容，希望文章能够帮你解决Javascrip操作登录记住用户名和密码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端