cookie记住密码/base64加密（js控制）

cookie记住密码/base64加密（js控制）

• 配置cookie

 　　　　//设置cookie
 　　　　function setCookie ( name, value, expdays )
         {
             var expdate = new Date();
             //设置Cookie过期日期
             expdate.setDate(expdate.getDate() + expdays) ;
             //添加Cookie并转码
             document.cookie = encodeURI(name) + "=" + escape(value) + ";expires=" + expdate.toUTCString();

         }

         //得到cookie
         function getCookie ( name )
         {
             //获取name在Cookie中起止位置
             var start = document.cookie.indexOf(name+"=") ;
             if ( start != -1 )
             {
                 start = start + name.length + 1 ;
                 //获取value的终止位置
                 var end = document.cookie.indexOf(";", start) ;
                 if ( end == -1 )
                     end = document.cookie.length ;
                 //截获cookie的value值,并返回
                 return unescape(document.cookie.substring(start,end)) ;
             }
             return "" ;
         }

         //删除cookie
         function delCookie ( name )
         {
             setCookie ( name, "", -1 ) ;
         }

• 写入cookie

 　　　　　　　//提交表单时触发
 　　　　　　　function trans() {

             //base64加密
             loginForm.password.value = base64encode(loginForm.password.value);

             //获取表单输入:用户名,密码,是否保存密码
             var username = document.getElementById("username").value.trim() ;
             var password = document.getElementById("password").value.trim() ;
             var isRmbPwd = document.getElementById("isRmbPwd").checked ;

             //判断用户名,密码是否为空(全空格也算空)
              if ( username.length != 0 && password.length != 0 )
             {
                 //若复选框勾选,则添加Cookie,记录密码
                 if ( isRmbPwd == true )
                 {
                     var name = getCookie("username") ;
                     if(name != username) {
                         delCookie ("username") ;
                         delCookie (name) ;
                     }
                     setCookie ( "username", username, 30 ) ;
                     setCookie ( username, password, 30 ) ;
                 }
                 //否则清除Cookie
                 else
                 {
                     delCookie ( "username" ) ;
                     delCookie ( username ) ;
                 }
                 return true ;
             }

         }

• 读取cookie

 　　　　　　　//从Cookie获取到用户名
             var username = getCookie("username") ;
             //如果用户名为空,则给表单元素赋空值
             if ( username == "" )
             {
                 document.getElementById("username").value="" ;
                 document.getElementById("password").value="" ;
                 document.getElementById("isRmbPwd").checked=false ;
             }
             //获取对应的密码,并把用户名,密码赋值给表单
             else
             {
                 var pwd= getCookie(encodeURI(username)) ;
                 //base64解密
                 password = base64decode(pwd);

                 document.getElementById("username").value = username ;
                 document.getElementById("password").value = password ;
                 document.getElementById("isRmbPwd").checked = true ;
             }

• base64加密/解密方法

 　　　　 //参数设置
 　　　　 var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
         var base64DecodeChars = new Array(
             -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
             -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
             -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,
             52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,
             -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14,
             15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1,
             -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,
             41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1);

         //加密方法
         function base64encode(str) {
             var out, i, len;
             var c1, c2, c3;
             len = str.length;
             i = 0;
             out = "";
             while(i < len) {
                 c1 = str.charCodeAt(i++) & 0xff;
                 if(i == len) {
                     out += base64EncodeChars.charAt(c1 >> 2);
                     out += base64EncodeChars.charAt((c1 & 0x3) << 4);
                     out += "==";
                     break;
                 }
                 c2 = str.charCodeAt(i++);
                 if(i == len) {
                     out += base64EncodeChars.charAt(c1 >> 2);
                     out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));
                     out += base64EncodeChars.charAt((c2 & 0xF) << 2);
                     out += "=";
                     break;
                 }
                 c3 = str.charCodeAt(i++);
                 out += base64EncodeChars.charAt(c1 >> 2);
                 out += base64EncodeChars.charAt(((c1 & 0x3)<< 4) | ((c2 & 0xF0) >> 4));
                 out += base64EncodeChars.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >>6));
                 out += base64EncodeChars.charAt(c3 & 0x3F);
             }
             return out;
         }

         //解密方法
         function base64decode(str){
             var c1, c2, c3, c4;
             var i, len, out;
             len = str.length;
             i = 0;
             out = "";
             while (i < len) {
                 /* c1 */
                 do {
                     c1 = base64DecodeChars[str.charCodeAt(i++) & 0xff];
                 }
                 while (i < len && c1 == -1);
                 if (c1 == -1)
                     break;
                 /* c2 */
                 do {
                     c2 = base64DecodeChars[str.charCodeAt(i++) & 0xff];
                 }
                 while (i < len && c2 == -1);
                 if (c2 == -1)
                     break;
                 out += String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4));
                 /* c3 */
                 do {
                     c3 = str.charCodeAt(i++) & 0xff;
                     if (c3 == 61)
                         return out;
                     c3 = base64DecodeChars[c3];
                 }
                 while (i < len && c3 == -1);
                 if (c3 == -1)
                     break;
                 out += String.fromCharCode(((c2 & 0XF) << 4) | ((c3 & 0x3C) >> 2));
                 /* c4 */
                 do {
                     c4 = str.charCodeAt(i++) & 0xff;
                     if (c4 == 61)
                         return out;
                     c4 = base64DecodeChars[c4];
                 }
                 while (i < len && c4 == -1);
                 if (c4 == -1)
                     break;
                 out += String.fromCharCode(((c3 & 0x03) << 6) | c4);
             }
             return out;
         }

• form表单

 <input id="username" name="username" type="text" class="txt"
 value="" placeholder="请输入用户名" value="${username}"/>

 <input id="password" name="password" type="password"
 class="txt" value="" placeholder="请输入密码 " />

 <input type="checkbox" id="isRmbPwd" name="isRmbPwd" checked="checked">
 <span class="isRmbPwdText">记住密码</span>

 <input type="submit" class="login_btn" value="登录" onclick="trans()" />