使用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")); } });
三、在登入成功後呼叫一下方法記住使用者名稱和密碼
jquery.cookie.js 下載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實現記住使用者資訊(下面以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.js和md5.js
最近做了個登入介面,要實現記住密碼效果,然而看似很簡單,做起來略複雜。我就在不斷改進中,有如下成果,如果可以優化,或有什麼問題,可以評論留言。 首先,需下載jquery.cookie.js,和md5.js。 介紹一下這兩個j
Jquery和純JS實現輪播圖(一)--左右切換式
var cur = 0, //當前的圖片序號 imgLis = getElementsByClassName("imgList")[0].getElementsByTagName("li"), //獲取圖片組 imgLen = imgLis.length, //獲取圖片的
Jquery和純JS實現輪播圖(二)--淡入淡出切換式
之前有寫過一篇輪播圖,是左右切換式的,可以參考 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>