登入時的 記住我

2022-03-11 21:18:10 字數 1661 閱讀 3555

當我們在做各個系統的登入介面時,喜歡在加上乙個功能就是「記住我」,

我用js來實現一下看看

function setcookie(name, value, expires, path, domain, secure) {          // 設定cookies

var today = new date();

today.settime(today.gettime());

if (expires) {

expires *= 2592000;

var expires_date = new date(today.gettime() + (expires));

document.cookie = name + "=" + escape(value) + (expires ? ";expires=" + expires_date.togmtstring() : "" ) + (path ? ";path=" + path: "" ) + (domain ? ";domain=" + domain: "" ) + (secure ? ";secure" : "" );

function getcookie(name) {                        // 獲得cookies

var cookies = document.cookie.split(';' );

var cookie = '' ;

for (var i = 0; i < cookies.length; i++) {

cookie = cookies[i].split('=' );

if (cookie[0].replace(/^/s+|/s+$/g, '' ) == name) {

return (cookie.length <= 1) ? "" : unescape(cookie[1].replace(/^/s+|/s+$/g, '' ));

return null ;

// 刪除cookies

function delcookie(name, path, domain) {

document.cookie = name + "=" + (path ? ";path=" + path: "" ) + (domain ? ";domain=" + domain: "" ) +";expires=thu, 01-jan-1970 00:00:01 gmt" ;

if (document.getelementbyid("rememberme" ).checked) {

setcookie('user_name' , document.getelementbyid("txtusername" ).value, 1); // 儲存密碼乙個月

setcookie('user_pwd' , document.getelementbyid("txtpassword" ).value, 1);

if (getcookie('user_name' ) != null && getcookie('user_pwd' ) != null ) // 設定記住密碼的登入頁面

document.getelementbyid("txtusername" ).value = getcookie('user_name' );

document.getelementbyid("txtpassword" ).value = getcookie('user_pwd' );

session cookie與「記住我的登入狀

cookie的機制 cookie是瀏覽器 user agent 訪問一些 後,這些 存放在客戶端的一組資料,用於使 等跟蹤使用者,實現使用者自定義功能。cookie的domain和path屬性標識了這個cookie是哪乙個 傳送給瀏覽器的 cookie的expires屬性標識了cookie的有效時間...

登入記住我功能實現

說明 使用此功能我是在有伺服器環境下操作的 密碼 sfce cookie相關知識 引用檔案 src js jquery.cookie.js script jsp頁面一載入就執行判斷cookie中是否存入資訊並填入表單 document ready function if cookie name sc...

登入記住密碼

目標 1.記住密碼勾選,點登陸時,將賬號和密碼儲存到cookie,下次登陸自動顯示到表單內 2.不勾選,點登陸時候則清空之前儲存到cookie的值,下次登陸需要手動輸入 方法 通過存 取 刪cookie實現的 每次進入登入頁,先去讀取cookie,如果瀏覽器的cookie中有賬號資訊,就自動填充到登...