登录
<form method="post" id="loginForm">
<div class="login-form">
<li >
<img th:src="@{/img/user.png}">
<input type="text" name="user" onkeyup="this.value=this.value.replace(/\s+/g,''),this.value=this.value.toLowerCase()"
placeholder="请输入您的用户名" autocomplete="off" class="login-forminfo" onkeydown=keyDown()
id="user">
</li>
<li class="pass">
<img th:src="@{/img/password.png}">
<input type="password" name="pwd" placeholder="请输入您的密码" autocomplete="off" id="pswd"
class="login-forminfo input_m" passwordshow="1" onkeydown=keyDown()>
<i class="eye"></i>
</li>
<li>
<input type="checkbox" name="remember" class="jzzm " id="remember"><span>记住密码</span>
</li>
<li>
<button type="submit" lay-submit lay-filter="login"><span
style="cursor: pointer;">立即登录</span></button>
</li>
</div>
</form>
记住密码
var oForm = document.getElementById('loginForm');
var oUser = document.getElementById('user');
var oPswd = document.getElementById('pswd');
var oRemember = document.getElementById('remember');
if (getCookie('user') && getCookie('pswd')) {
oUser.value = getCookie('user');
oPswd.value = getCookie('pswd');
oRemember.checked = true;
}
oRemember.onchange = function () {
if (!this.checked) {
delCookie('user');
delCookie('pswd');
}
};
oForm.onsubmit = function () {
if (remember.checked) {
setCookie('user', oUser.value, 7);
setCookie('pswd', oPswd.value, 7);
}
};
function setCookie(name, value, day) {
var date = new Date();
date.setDate(date.getDate() + day);
document.cookie = name + '=' + value + ';expires=' + date;
};
function getCookie(name) {
var reg = RegExp(name + '=([^;]+)');
var arr = document.cookie.match(reg);
if (arr) {
return arr[1];
} else {
return '';
}
};
function delCookie(name) {
setCookie(name, null, -1);
};
密码小眼睛
$(".eye").click(function () {
if ($(".input_m").attr("passwordshow") == 1) {
if ($(".pass").children("input").length < 2) {
$(".pass input").after('<input style="display:none;" class="input_m login-forminfo " autocomplete="off" type="text" passwordshow="2" id="pswd" name="pwd" placeholder="请输入您的密码">');
}
$(".eye").css("background", "url('img/eyeOn1.png')center 0 no-repeat");
$("[passwordshow='2']").val($("[passwordshow='1']").val());
$("[passwordshow='1']").remove();
$("[passwordshow='2']").show();
} else {
if ($(".pass").children("input").length < 2) {
$(".pass input").after('<input style="display:none;" class="input_m login-forminfo " type="password" autocomplete="off" passwordshow="1"id="pswd" name="pwd" placeholder="请输入您的密码">');
}
$(".eye").css("background", "url('img/eyeOff1.png')center 0 no-repeat");
$("[passwordshow='1']").val($("[passwordshow='2']").val());
$("[passwordshow='2']").remove();
$("[passwordshow='1']").show();
}
});
判断url地址中是否包含字符串
var url = window.location.href;
if (url.indexOf("error=true") >= 0) {
layer.msg("用户名或密码为空或错误,请重新输入!")
}
回车登录
function keyDown() {
if (event.keyCode == 13) {
event.returnValue = false;
event.cancel = true;
document.getElementById("loginForm").submit();
}
}