Javascript实现登录记住用户名和密码功能
2019/6/27 21:04:32
本文主要是介绍Javascript实现登录记住用户名和密码功能,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
话不多说,请看代码:
<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> <div 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> <div class="note"> * 不要在公共场合保存登录信息;<br /> * 为了保证您的帐号安全,退出系统时请注销登录 <span id="msg_tip"></span> </div> </div>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持找一找教程网!
这篇关于Javascript实现登录记住用户名和密码功能的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set