Javascript realizes the function of remembering user name and password when logging in
- 2021-08-05 08:33:49
- OfStack
Without saying much, please look at the code:
<script type="text/javascript">
$(document).ready(function () {
$("#UserAccount").focus();
// Remember the username and password
$('#remebers').click(function () {
if ($("#UserAccount").val() == "") {
alert(" User name cannot be empty! ");
}
if($("#UserPassword").val() == "")
{
alert(" Password cannot be empty! ");
}
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"));
}
})
// Write 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();
}
// Read cookies
function getCookie(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg)) return unescape(arr[2]);
else return null;
}
// Delete 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"> Account number: </td>
<td align="left"><input type="text" id="UserAccount" name="UserAccount" /> @Html.ValidationMessageFor(m => m.UserAccount)</td>
</tr>
<tr>
<td align="right"> Password: </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"> Remember the username and password </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">
* Do not save login information in public; <br />
* In order to ensure the security of your account, please log off when you log out of the system
<span id="msg_tip"></span>
</div>
</div>