1. 程式人生 > >使用jquery.cookie.js實現記住使用者資訊(下面以web的記住登入名和密碼為例進行說明)

使用jquery.cookie.js實現記住使用者資訊(下面以web的記住登入名和密碼為例進行說明)

一、在你需要使用的介面匯入jquery.cookie.js(改js包在文章尾部提供給大家)

<script type="text/javascript" src="(根據你的路徑來定)/jquery.cookie.js"></script>

二、在頁面初始化時驗證是否記住了使用者名稱和密碼
$(document).ready(function() { 
	if($.cookie("rememberUser") == "true") { //"rememberUser"是記住密碼選擇框的id名
		$("#rememberUser").attr("checked", true); 
		$("#username").val($.cookie("username"));
		$("#password").val($.cookie("password"));
	} 
});

三、在登入成功後呼叫一下方法記住使用者名稱和密碼
function saveUserInfo() { <span style="font-family: Arial, Helvetica, sans-serif;">//儲存使用者資訊 </span>
	if ($("#rememberUser").attr("checked") == true) { 
		var username = $("#username").val();
		var password = $("#password").val();
		$.cookie("rememberUser", "true", { expires: 7 }); // 儲存一個帶7天期限的 cookie 
		$.cookie("username", username, { expires: 7 }); // 儲存一個帶7天期限的 cookie 
		$.cookie("password", password, { expires: 7 }); // 儲存一個帶7天期限的 cookie 
	} 
	else { 
		$.cookie("rememberUser", "false", { expires: -1 }); 
		$.cookie("username", '', { expires: -1 }); 
		$.cookie("password", '', { expires: -1 }); 
	} 
}
jquery.cookie.js 下載

相關推薦

使用jquery.cookie.js實現記住使用者資訊下面web記住登入密碼進行說明

一、在你需要使用的介面匯入jquery.cookie.js(改js包在文章尾部提供給大家) <script type="text/javascript" src="(根據你的路徑來定)/jque

通過jquery.cookie.js實現記住使用者名稱密碼的功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

通過jquery.cookie.js實現記住使用者名稱、密碼登入功能

<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text

QGIS載入xyz格式地圖高德影像圖路網

1.安裝的是3.x系列版本,我裝的是3.2.1,現在出道3.4了 2.開啟QGIS,在瀏覽那裡找到XYZ Tiles 3.右鍵XYZ,New Connection 4.名字隨便起,地址要符合xyz規範 5.例如高德影像圖: https://webst01.is.au

jquery.cookie.js操作cookie實現記住密碼

//初始化頁面時驗證是否記住了密碼 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user")

登入介面記住密碼jquery.cookie.jsmd5.js

  最近做了個登入介面,要實現記住密碼效果,然而看似很簡單,做起來略複雜。我就在不斷改進中,有如下成果,如果可以優化,或有什麼問題,可以評論留言。     首先,需下載jquery.cookie.js,和md5.js。    介紹一下這兩個j

JqueryJS實現輪播圖--左右切換式

var cur = 0, //當前的圖片序號 imgLis = getElementsByClassName("imgList")[0].getElementsByTagName("li"), //獲取圖片組 imgLen = imgLis.length, //獲取圖片的

JqueryJS實現輪播圖--淡入淡出切換式

之前有寫過一篇輪播圖,是左右切換式的,可以參考 Jquery和純JS實現輪播圖(一)–左右切換式 今天分享一下淡入淡出式的輪播圖,同樣也是用純js和Jquery兩種方法來實現: JQUERY實現

jquery.form.js 實現異步上傳

llb element eth document == ctype tostring detail new 前臺: <form id="formSeacrh" action="/ResumeInfo/uploadFile" method="post" enctype

js 利用jquery.gridly.js實現拖拽並且排序

user push idl osi llb ext true js實現 idt <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

js實現星級評分效果最短代碼

實現 動態顯示 turn 單行 ctype ref sts near 分系統 1. 前言 此方案受到JS單行寫一個評級組件啟發,自己寫了一個簡單Demo。 功能有正常滑動,動態顯示實心星星個數;當點擊確認,則保持當前的實心星星個數;再移動時為點擊,則離開後還是保持之前的狀態

cookie實現記住登錄密碼

value func tin nco fin 不能 class arraylist cti 在最近學習的session作用域中,順便了解了一下cookie, session是存放在服務器中,而cookie是存放在客戶端中。 本篇文章主要是使用cookie來實現記住密碼的

node.js實現圖片上傳包含縮略圖

http close path return new tde log img thumb 圖片上傳 使用multiparty插件實現上傳 安裝multiparty npm i --save multiparty 代碼實現 const multiparty = requi

jquery.cookie.js 使用方法

plain num space line blog 網站 OS res comm Cookies 定義:讓網站服務器把少量數據儲存到客戶端的硬盤或內存,從客戶端的硬盤讀取數據的一種技術; 下載與引入:jquery.cookie.js基於jquery;先引入jquer

jquery.cookie.js 下載使用方法

Cookies 定義:讓網站伺服器把少量資料儲存到客戶端的硬碟或記憶體,從客戶端的硬碟讀取資料的一種技術; 下載與引入:jquery.cookie.js基於jquery;先引入jquery,再引入:jquery.cookie.js;下載:http://plugins.jquery.com/c

Jquery.media.js實現網頁線上預覽pdf檔案

近期在工作中遇到了需要在網站預覽pdf檔案的需求,網上的資料很多,我使用了其中一種,即使用 Jquery.media.js包實現。 首先需要準備兩個內容: 1,jquery.js,任意版本 2,jquery.media.js,可以從網上搜,或者去下面我提供的地方下載(是我上傳的),

vue.js實現選單導航欄最終版

效果: <template> <div class="layout-container"> <y-header> <div slot="nav"></div> </y-he

Java設計模式---裝飾模式用生活例子解釋通過裝飾類物件對方法進行實現介面的方法增強

裝飾者模式可以動態地給一個物件新增一些額外的職責。 就增加功能來說,Decorator模式相比生成子類更為靈活。 該模式的適用環境為: (1)在不影響其他物件的情況下,以動態、透明的方式給單個物件新增職責。 (2)處理那些可以撤消的職責。 (3)當不能採用生成子

原生js實現觀察訂閱模式

觀察者模式也叫 釋出者-訂閱者模式,釋出者釋出事件,訂閱者監聽事件並做出反應 在傳統的前端解耦方面,觀察者模式作為比較常見一種設計模式,大量使用在各種框架類庫的設計當中。 核心程式碼: //

js實現簡單小例項奔跑的小豬

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>window物件</title> <style>