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记住用户名和登录密码（两种方式）
• JQuery记住用户名密码实现下次自动登录功能
• 登录时记住用户名和密码及cookie案例应用