登录时记住密码的实现

项目中基本上登录是必不可少的一步,对此,在登录时选择记住密码这一功能也是不错的选择。所以,前段时间要我实现记住密码这个功能,我就写了一个demo出来。

思路:记住密码这个功能其实和普通浏览器记住密码功能是查不多的,主要 是通过cookie来实现的。
1、引入文件



说明:jquery.cookie.js这个可以去网上下载。然后引用文件中,必不可少的一个引入文件,另外jquery这个文件也很重要,它俩必须搭配一起使用。jquery可以引用你们项目中的有都行。

2、话不多说上代码:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here




用户名:

密码:

:记住密码

这里有注释,可以自己看,js里面的代码关于以下这段代码,一定要在其加载页面的时候加载,不然就无法读取cookie,也就是无法把值传给文本框去了。


	  function getCookie(){ //获取cookie    
		 alert("页面")
         var userName = $.cookie("userName"); //获取cookie中的用户名    
         var pwd =  $.cookie("passWord"); //获取cookie中的登陆密码    
         if(pwd){//密码存在的话把“记住用户名和密码”复选框勾选住    
            $("[name='rememenber']").attr("checked","true");    
         }    
         if(userName!=""){//用户名存在的话把用户名填充到用户名文本框    
            $("#userName").val(userName);    
         }else{
        	 $("#userName").val("");
         }
         if(pwd!=""){//密码存在的话把密码填充到密码文本框    
        	  $("#passWord").val(pwd); 
          //  $("#passWord").val($.base64.decode(pwd));   
         }else{
        	 $("#passWord").val(""); 
         }
    } 

以上就是记住密码的功能实现,其实超级简单的。

你可能感兴趣的:(Jquery)