JQuery 登录，记住密码，密码小眼睛

登录

	<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');
	//页面初始化时，如果帐号密码cookie存在则填充
	if (getCookie('user') && getCookie('pswd')) {
		oUser.value = getCookie('user');
		oPswd.value = getCookie('pswd');
		oRemember.checked = true;
	}
	//复选框勾选状态发生改变时，如果未勾选则清除cookie
	oRemember.onchange = function () {
		if (!this.checked) {
			delCookie('user');
			delCookie('pswd');
		}
	};
	//表单提交事件触发时，如果复选框是勾选状态则保存cookie
	oForm.onsubmit = function () {
		if (remember.checked) {
			setCookie('user', oUser.value, 7); //保存帐号到cookie，有效期7天
			setCookie('pswd', oPswd.value, 7); //保存密码到cookie，有效期7天
		}
	};
	//设置cookie
	function setCookie(name, value, day) {
		var date = new Date();
		date.setDate(date.getDate() + day);
		document.cookie = name + '=' + value + ';expires=' + date;
	};
	//获取cookie
	function getCookie(name) {
		var reg = RegExp(name + '=([^;]+)');
		var arr = document.cookie.match(reg);
		if (arr) {
			return arr[1];
		} else {
			return '';
		}
	};
	//删除cookie
	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) { //判断url地址中是否包含字符串
		layer.msg("用户名或密码为空或错误，请重新输入!")
	}

回车登录

		function keyDown() {
		if (event.keyCode == 13) {
			event.returnValue = false;
			event.cancel = true;
			document.getElementById("loginForm").submit();
		}
	}