个人对页面记住账户密码的cookie方法的一些尝试

原创 2015年11月20日 22:26:00

引言

最近因为项目需求,所以对页面的cookie做了一些尝试,当勾选了记住账户密码的时候就可以在下次登录的时候不必再重新输入账号密码,下面我就其具体实现说明一下。

function addCookie(name,value,days,path){   /**添加设置cookie**/  
    var name = escape(name);  
    var value = escape(value);  
    var expires = new Date();  
    expires.setTime(expires.getTime() + days * 3600000 * 24);  
    path = path == "" ? "" : ";path=" + path;  
    var _expires = (typeof days) == "string" ? "" : ";expires=" + expires.toUTCString();  
    document.cookie = name + "=" + value + _expires + path;  
}  


上面的是先添加设置cookie,


//获取cookie值
function initUsername(){
	var userNameValue = getCookieValue("userName");  
    document.getElementById("userName").value = userNameValue;  
    var userPassValue = getCookieValue("password");  
    document.getElementById("password").value = userPassValue;
	
}

function getCookieValue(name){  /**获取cookie的值,根据cookie的键获取值**/  
    //用处理字符串的方式查找到key对应value  
    var name = escape(name);  
    //读cookie属性,这将返回文档的所有cookie  
    var allcookies = document.cookie;         
    //查找名为name的cookie的开始位置  
    name += "=";  
    var pos = allcookies.indexOf(name);      
    //如果找到了具有该名字的cookie,那么提取并使用它的值  
    if (pos != -1){                                             //如果pos值为-1则说明搜索"version="失败  
        var start = pos + name.length;                  //cookie值开始的位置  
        var end = allcookies.indexOf(";",start);        //从cookie值开始的位置起搜索第一个";"的位置,即cookie值结尾的位置  
        if (end == -1) end = allcookies.length;        //如果end值为-1说明cookie列表里只有一个cookie  
        var value = allcookies.substring(start,end); //提取cookie的值  
        return (value);                           //对它解码        
    }else{  //搜索失败,返回空字符串  
        return "";  
    }  
}  


上面的是获取在输入账号密码的cookie

function deleteCookie(name,path){   /**根据cookie的键,删除cookie,其实就是设置其失效**/  
    var name = escape(name);  
    var expires = new Date(0);  
    path = path == "" ? "" : ";path=" + path;  
    document.cookie = name + "="+ ";expires=" + expires.toUTCString() + path;  
}  


上面的代码是删除cookie

function doLogin() {

	var uName = $('#userName').val();
	var psw = $('#password').val();
	if (commonJS.validateTagsNull("userName,password"))
		return;
	

	var rememberMe = 0;
	if ($("input[type='checkbox']").is(":checked")) {
		rememberMe = 1;
		if(rememberMe){
			addCookie("userName", uName, 7, "/");
			addCookie("password",psw,7,"/");
		}else{
			deleteCookie(uName, "/");
			deleteCookie(psw,"/");
		}
		
	}


上面的代码就是判断是否有勾选记住账户密码,如果勾选了,则调用addCookie方法。

还有一点就是在js中页面加载完成就该调用initUsername方法。

版权声明:本文为博主原创文章,未经博主允许不得转载。

jquery cookie记住用户名和密码(使用方法)

记住用户名密码操作
  • YQRQR
  • YQRQR
  • 2016年05月28日 17:50
  • 1656

Cookie记住用户名与密码

代码块 "java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> "c" uri="http://java.sun...
  • sunhuwh
  • sunhuwh
  • 2015年06月30日 01:14
  • 2735

cookie记住密码 用了js获取密码的功能

前言                          Servlet的学习进行到Cookie了,对于Cookie也有了一个自己的理解。想着把自己的总结                  ...
  • l1334889580
  • l1334889580
  • 2013年08月25日 11:08
  • 2515

shiro扩展获得用户登录类型并提供cookie的方式记住用户密码

在最近的项目中要实现一个需求:“同时让两种类型的用户进行登录,登录后如果用户勾选了记住密码就要生成cookie来记录用户的密码和用户名”。本人做安全认证的时候一直在使用shiro,所以就想到在shir...
  • u012613903
  • u012613903
  • 2017年01月19日 11:40
  • 5655

js实现cookie记住密码

近来做记住密码时,用js的实现方式做了一下。 login.jsp页面代码
  • u013614451
  • u013614451
  • 2014年12月27日 23:21
  • 1847

如何利用cookie实现html页面的记住密码

【什么是cookie】 “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cook...
  • hanlincao
  • hanlincao
  • 2015年10月19日 15:43
  • 6062

通过jquery.cookie.js实现记住用户名、密码登录功能

无标题文档 function setCookie(){ //设置cookie var loginCode = $("#login_code").val(); //...
  • baidu_28283827
  • baidu_28283827
  • 2016年11月08日 16:24
  • 3943

java由servlet实现登录的简单功能,并把用户名用cookie保存起来,读取cookie

1.编写登录界面 Login.html 登录界面 登录系统 用户名: ...
  • liuyinghui523
  • liuyinghui523
  • 2016年11月20日 12:19
  • 2183

js操作cookie,实现登录密码保存

网上借鉴了一些朋友的经验,做了一个小例子,js操作cookie,实现登录密码保存。cookie的存放方式是以键值对的方式保存的。 通常cookie和session,是web开发中用于存储信息的对象,s...
  • zyujie
  • zyujie
  • 2013年03月28日 10:55
  • 30081

Cookie学习总结-登陆案例(记住用户名和密码)

LoginServlet.javapackage blank.servlet;import java.io.IOException;import javax.servlet.ServletExcept...
  • LeoLeoHan
  • LeoLeoHan
  • 2015年03月20日 23:05
  • 2841
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:个人对页面记住账户密码的cookie方法的一些尝试
举报原因:
原因补充:

(最多只允许输入30个字)