36 40 54 55 66 70 152 160 164 186 202 300 313 320 333 351 370 388 393 401 484 494 502 517 555 560 576 604 605 614 646 663 672 701 765 775 785 838 842 853 857 858 860 863 887 906 927 1013 1030 1052 1068 1135 1154 1164 1200 1239 1270 1279 1298 1301 1317 1323 1331 1354 1399 1451 1465 1494 1529 1586 1692 1709 1742 1771 1787 1788 1791 1814 1841 1858 1861 1913 1917 1924 1934 1955 1958 2019 2024 2029 2060 2070 2080 2081 2086 2101 2126 2127 2135 2150 2186 2196 2197 2212 2220 2263 2271 2319 2333 2383 2413 2441 2518 2519 2523 2552 2566 2586 2642 2651 2661 2694 2707 2729 2733 2765 2773 2801 2802 2808 2825 2826 2864 2934 2951 2958 2963 2966 3004 3008 3023 3026 3031 3050 3057 3065 3083 3109 3130 3155 3161 3181 3182 3185 3190 3196 3229 3296 3306 3312 3326 3330 3346 3443 3457 3472 3495 3539 3541 3581 3609 3613 3631 3670 3681 3686 3690 3730 3749 3751 3799 3801 3814 3850 3853 3855 3866 3880 3896 3941 3957 3971 3978 4010 4022 4028 4062 4063 4077 4101 4104 4126 4136 4145 4148 4160 4164 4195 4239 4240 4242 4276 4284 4305 4306 4328 4336 4401 4406 4416 4434 4435 4437 4446 4514 4553 4563 4583 4604 4680 4704 4746 4761 4797 4828 4853 4885 4940 4972 4977 4989 4992 5019 5050 5067 5077 5167 5170 5201 5227 5265 5328 5361 5372 5383 5406 5409 5412 5443 5455 5490 5492 5547 5550 5555 5581 5616 5631 5636 5639 5706 5764 5766 5769 5778 5779 5811 5846 5860 5869 5870 5887 5905 5942 5967 5981 6023 6034 6040 6078 6079 6102 6106 6122 6124 6135 6152 6187 6189 6190  原生js记住密码
英语文化交流 > 技术博客 > 原生js记住密码
原生js记住密码
时间:2017-10-12 10:39 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>


随机阅读

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