首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

java - 主页记住密码

2012-08-22 
java -- 首页记住密码1.这里是需要的Cookie.js 直接Copy用就行了 ,不需要做任何修改!//新建cookie 方法。//

java -- 首页记住密码
1.这里是需要的Cookie.js 直接Copy用就行了 ,不需要做任何修改!
//新建cookie 方法。  
//hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cookie会覆盖已经建立过的同名、同path的cookie(如果这个cookie存在)。  
function setCookie(name,value,hours,path){  
    var name = escape(name);  
    var value = escape(value);  
    var expires = new Date();  
    expires.setTime(expires.getTime() + hours*3600000);  
    path = path == "" ? "" : ";path=" + path;  
    _expires = (typeof hours) == "string" ? "" : ";expires=" + expires.toUTCString();  
    document.cookie = name + "=" + value + _expires + path;  
}  
//获取cookie值    方法
function getCookieValue(name){  
    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 unescape(value);                           //对它解码        
        }     
    else return "";                                             //搜索失败,返回空字符串  
}  

2,还需要一个jquery-1.6.1.min.js ,这个大家应该都有 ,就不传了。
3,首页
<input type="text" style="width:287px; border:0;"  id="j_username" name="j_username" value="">

<input type="password"  style="width:287px; border:0;" id="j_password" name="j_password" value="" />

<input type="checkbox" id="rememberPW" name="rememberPW"/>记住密码
4,JS代码 ,来操作存/读Cookie
function submitFunc(){
//点击登录时 ,将输入的用户名和密码保存到Cookie中
var inUser = document.getElementById("j_username").value;
var inPass = document.getElementById("j_password").value;
setCookie('cookUser', inUser, time, '/');//set 获取用户名和密码 传给cookie
setCookie('cookPass', inPass, time, '/');
if(checkedImage()){
document.form1.submit();
}
}

//设置Cookie保存时间
var time = 0;

$(document).ready(function(){
//获取Cookie保存的用户名和密码
var username = getCookieValue("cookUser");
var password = getCookieValue("cookPass");
//输入用户名 促发一个事件
$("#j_username").keyup(function(){
var userNow = $(this).val();
if(userNow == username) { //判断现在输入的用户名  和 当时保存在cookie的用户名是否一致
$("#j_password").val(password);//一致 则把 第一次 保存在cookie的密码 自动填入
}
});

$("#rememberPW").click(function(){//记住密码
if($(this).attr("checked") == 'checked'){
time = 60 * 60 * 60;
}
});
});

网上找了很多 ,例子都不是很明显 !
希望能帮助到需要的朋友!

热点排行