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>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！