Home > Web Front-end > JS Tutorial > body text

Javascrip operation login remember username and password

迷茫
Release: 2017-03-26 15:18:25
Original
1241 people have browsed it

Javascrip operation login remember username and password

<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>
Copy after login


The above is the detailed content of Javascrip operation login remember username and password. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!