java -- 首页记住密码

本文介绍如何使用Cookie.js库实现网站登录状态的持久化,并通过JS代码操作Cookie来实现在用户输入用户名和密码后将其保存,同时提供一个事件触发自动填充密码的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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; 
 } 
 }); 
 }); 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值