原生js记住密码
英语文化交流 > 技术博客 > 原生js记住密码
原生js记住密码
时间:2017-10-12 10:39:14 JianBo 分类:技术博客

登 录 界 面 ,记 住 用 户 名 和 密 码 。

login.jsp

(说 明 :我 们 这 个 是 做 为 微 信 公 众 号 上 面 的 登 录 页 面 )

可 参 考 http://****/js/js_cookies.asp

<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ include file="/jsp/weixin/head.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>	<title>登 录 页 面 </title>	<link rel="stylesheet" type="text/css" href="weixin/css/login/login.css">
</head>
<body>	<section class="login_banner">	<div>	<p class="login_logo"><img src="/img/d2VpeGluL2ltYWdlcy9sb2dpbi9sb2dpbl9sb2dvLnBuZw=="></p>	<p class="login_title"><img src="/img/d2VpeGluL2ltYWdlcy9sb2dpbi9sb2dpbl90aXRsZS5wbmc="></p>	<p class="login_info">四 川 大 大 有 限 公 司 </p>	</div>	</section>	<section class="login_module">	<div>	<p class="login_phone">	<input type="text" name="loginname" id="loginname" value="" placeholder="请 输 入 用 户 名 " />	</p>	<p class="login_password">	<input type="password" name="password" id="password" placeholder="请 输 入 密 码 " value=""/>	</p>	<span class="login_rember"><input type="checkbox"  id="isStored" value="">记 住 密 码 </span>	<p class="login_btn" onclick="severCheck();"><b>登 录 </b></p>	</div>	<div>	</div>	</section>	<p class="login_bottom">Copyright 2017 四 川 大 大  All Right Reseverd</p>	<script type="text/javascript">	 window.onload=function(){ 
         init();
     }	//服 务 器 校 验	function severCheck(){	if(check()){	var loginname = $("#loginname").val();	var password = $("#password").val();	var code = "KENTRASOFT_USER"+loginname+",ERP,"+password+"KENTRASOFT_PWD";	//是 否 记 住 密 码   	    if(document.getElementById("isStored").checked==true){	      setall();  //假 如 勾 选 了 记 住 密 码 ,则 将 用 户 名 密 码 放 在 cookie中	    }else {  	      resetCookie(); //否 则 清 空 cookie 	    }   	$.ajax({	type: "POST",	url: 'login_login_wechat',	data: {KEYDATA:code},	dataType:'json',	cache: false,	success: function(data){	if("success" == data.result){	window.location.href="weixin_index";	}else if("usererror" == data.result){	$("#loginname").tips({	side : 1,	msg : "用 户 名 或 密 码 有 误 ",	bg : '#FF5080',	time : 15	});	$("#loginname").focus();	}else{	$("#loginname").tips({	side : 1,	msg : "缺 少 参 数 ",	bg : '#FF5080',	time : 15	});	$("#loginname").focus();	}	}	});	}	}	$(document).keyup(function(event) {	if (event.keyCode == 13) {	$(".login_btn").trigger("click");	}	});	//客 户 端 校 验	function check() {	if ($("#loginname").val() == "") {	$("#loginname").tips({	side : 2,	msg : '用 户 名 不 得 为 空 ',	bg : '#AE81FF',	time : 3	});	$("#loginname").focus();	return false;	} else {	$("#loginname").val(jQuery.trim($('#loginname').val()));	}	if ($("#password").val() == "") {	$("#password").tips({	side : 2,	msg : '密 码 不 得 为 空 ',	bg : '#AE81FF',	time : 3	});	$("#password").focus();	return false;	}	$("#loginbox").tips({	side : 1,	msg : '正 在 登 录  , 请 稍 后  ...',	bg : '#68B500',	time : 10	});	return true;	}	//获 取 cookie
// 	if(self!=top){top.location=self.location;}  	var bikky = document.cookie;  	function getCookie(name) {   	    var index = bikky.indexOf(name + "=");  	    if (index == -1) return null;  	    index = bikky.indexOf("=", index) + 1;  	    var endstr = bikky.indexOf(";", index);  	    if (endstr == -1) endstr = bikky.length;  	    return unescape(bikky.substring(index, endstr));  	}  	  	var today = new Date();  	var expiry = new Date(today.getTime() + 28 * 24 * 60 * 60 * 1000);	//设 置 到 cookie  	function setall()  	{  	    var j_username = $("#loginname").val();  	    setCookie("j_username",j_username);  	    var j_password = $("#password").val();  	    setCookie("j_password",j_password);	    setCookie("ifRemberCheck","yes");	}  	function setCookie(name, value) {   	      document.cookie=name + "=" + escape(value) + "; expires=" + expiry.toGMTString();  	    bikky = document.cookie;   	}  	//重 置 Cookie  	function resetCookie() {  	    var j_username = $("#loginname").val();  	    var j_password = $("#password").val();  	    setCookie("j_username", null);	    setCookie("j_password", null);	}  	//进 入 页 面 初 始 化 ,假 如 cookie中 有 值 ,则 直 接 从 cookie中 获 取	function init()  	{ 	    var j_username = getCookie("j_username"); 	    console.log(j_username)	    if (j_username != null && j_username != "null") {  	    	$("#loginname").val(j_username);  	    }  	    var j_password = getCookie("j_password");	    if (j_password != null && j_password != "null") {  	    	$("#password").val(j_password);  	    	document.getElementById("isStored").checked='false';	    }  	} 	</script>	<script>	//TOCMAT重 启 之 后  点 击 左 侧 列 表 跳 转 登 录 首 页  	if (window != top) {	top.location.href = location.href;	}	</script>	<c:if test="${'1' == pd.msg}">	<script type="text/javascript">	$(tsMsg());	function tsMsg(){	alert('此 用 户 在 其 它 终 端 已 经 早 于 您 登 录 ,您 暂 时 无 法 登 录 ');	}	</script>	</c:if>	<c:if test="${'2' == pd.msg}">	<script type="text/javascript">	$(tsMsg());	function tsMsg(){	alert('您 被 系 统 管 理 员 强 制 下 线 ');	}	</script>	</c:if>
</body>
</html>


本 文 出 自 “JianBo” 博 客 ,请 务 必 保 留 此 出 处 http://****/12075002/1971629

随机阅读

Copyright © 2017 英语文化交流 All Rights Reserved.