用户名，密码

最新推荐文章于 2022-01-04 10:30:18 发布

sunhuwh

最新推荐文章于 2022-01-04 10:30:18 发布

阅读量1k

点赞数

分类专栏： E-learning 文章标签：记住用户名密码

本文链接：https://blog.csdn.net/sunhuwh/article/details/38054361

版权

E-learning 专栏收录该内容

189 篇文章 0 订阅

订阅专栏

function getCookie(c_name)      //根据分隔符每个变量的值
	{
	    if (document.cookie.length > 0) {
	        c_start = document.cookie.indexOf(c_name + "=")
	        if (c_start != -1) { 
	            c_start = c_start + c_name.length + 1;
	            c_end = document.cookie.indexOf("^",c_start);
	            if (c_end==-1)
	                c_end=document.cookie.length;
	            return unescape(document.cookie.substring(c_start,c_end));
	    } 
	  }
	    return "";
	}
	
	
	function setCookie(c_name, n_value, p_name, p_value, g_name, g_value, expiredays)        //设置cookie
	{
	    var exdate = new Date();
	    exdate.setDate(exdate.getDate() + expiredays);
	    document.cookie = c_name + "=" + escape(n_value) + "^" + p_name + "=" + escape(p_value) + "^" + g_name + "=" + escape(g_value) + ((expiredays == null) ? "" : "^;expires=" + exdate.toGMTString());
	    console.log(document.cookie)
	}
	
	function checkCookie()      //检测cookie是否存在，如果存在则直接读取，否则创建新的cookie
	{
	    var userName = $("#userName").val();
	    var password = $("#password").val();
	    var get = $("#get").attr("checked");
        setCookie('userName', userName, 'password', password,'get',get, 5);
	}
	
	function cleanCookie (c_name, p_name,g_name) {     //使cookie过期
	    document.cookie = c_name + "=" + ";" + p_name + "=" + ";" + g_name + "=" + ";expires=Thu, 01-Jan-70 00:00:01 GMT";
	}
	
	function isChecked(){
		var get = $("#get").attr("checked");
		if(get!='checked'){
			checkCookie();
		}else{
			cleanCookie("userName","password","get");
		}
		
	}
	
</script>
<script type="text/javascript">
	//初始化赋值
    $(function(){
    	var userName2 = getCookie('userName');
	    var password2 = getCookie('password');
	    $("#userName").attr("value",userName2);
	    $("#password").attr("value",password2);
	    var get2 = getCookie('get');
	    if(get2==''){
	    	get2=false;
	    }
		$("#get").attr("checked",get2);
	});
</script>

<form valid="true" action="<c:url value="/login"/>" method="post">
	                    <p>登录名：</p>
	                    <p>
	                        <input type="text" name="userName" id="userName" validate="required" 
	                        validate-message="用户名不能为空！"></input>
	                    </p>
	                    <p>密码：</p>
	                    <p>
	                        <input type="password" name="password" id="password" validate="required" 
	                        validate-message="密码不能为空！"></input>
	                    </p>
	
	                    <p class="button">
	                        <input type="submit" class="load" value="登录" />
	                    </p>
	                    <p class="text_p">
	                        <input type="checkbox" name="get" id="get" οnclick="isChecked()"/>
	                        <label for="get">记密码</label>
	                        
	                        <a class="find" href="###">找回密码</a>
	                    </p>
	                    <p class="button">
	                        <!-- <input type="submit" class="register"  value="立即注册" /> -->
	                         <r:a href="/register">立即注册</r:a>
	                    </p>
                    </form>