jQuery實現的利用cookie儲存使用者登入資訊程式碼例項
大家對於這樣的功能一定非常的熟悉,那就是登入視窗能夠記住使用者名稱的一些資訊,當在下一次登入的時候無需再一次填寫相關資訊,這樣可以省卻不少的人力,算是一項很人性化的舉措。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .txt{ width:150px; height:20px; border:1px blue solid; border-radius:0.5em; margin-bottom:5px; padding-left:5px; } </style> <script type="text/javascript" src="js/jquery-1.10.2.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript"> $(function(){ if($.cookie("name")){ //取值如果存在則賦值 $("#username").val($.cookie("name")); } $("#mycookie").submit(function(){ //如果選中了儲存使用者名稱選項 if($("#chkSave").is(":checked")){ //設定Cookie值 $.cookie("name",$("#username").val(),{ expires:7,//設定儲存期限 path:"/"//設定儲存的路徑 }); } else{ //銷燬物件 $.cookie("name",null,{ path:"/" }); } return false; }); }) </script> </head> <body> <form action="#" method="get" id="mycookie"> <div>使用者名稱<input id="username" name="username" type="text" class="txt"/></div> <div>密碼:<input id="password" name="password" type="password" class="txt"/></div> <div><input id="chkSave" type="checkbox">是否儲存使用者名稱 </div> <div><input id="cookBtn" class="btn" type="submit" value="提交"></div> </form> </body> </html>
相關文章
- cookie儲存使用者登入名和密碼程式碼例項Cookie密碼
- js基於Cookie的儲存類例項程式碼JSCookie
- jQuery操作cookie程式碼例項jQueryCookie
- cookie儲存刪除使用者名稱和密碼程式碼例項Cookie密碼
- jQuery使用者登入和登錄檔單驗證程式碼例項jQuery
- es6實現的本地儲存程式碼例項
- ajax實現的無重新整理使用者登入例項程式碼
- css3實現的使用者登入表單程式碼例項CSSS3
- redis儲存使用者登入資訊Redis
- jQuery實現的圖片預載入程式碼例項jQuery
- jQuery實現圖片預載入程式碼例項jQuery
- js使用cookie儲存網站背景顏色程式碼例項JSCookie網站
- js實現jquery的extend()程式碼例項JSjQuery
- jQuery實現的tab選項卡程式碼例項jQuery
- jquery實現的選項卡效果例項程式碼jQuery
- 教你巧妙利用u盤儲存上網登入賬號密碼實現快速登入密碼
- Android WebView儲存Cookie登入AndroidWebViewCookie
- jQuery實現的動態載入指令碼檔案程式碼例項jQuery指令碼
- jQuery利用name匹配元素程式碼例項jQuery
- 使用js實現儲存讀取js字串程式碼例項JS字串
- javascript使用cookie記錄使用者資訊簡單程式碼例項JavaScriptCookie
- jquery實現的分頁效果例項程式碼jQuery
- jQuery實現的隔行變色程式碼例項jQuery
- jquery實現的滑動門程式碼例項jQuery
- jQuery實現滑動門程式碼例項jQuery
- jQuery實現的選項卡的巢狀程式碼例項jQuery巢狀
- 利用canvas實現的驗證碼效果程式碼例項Canvas
- jquery實現的解析xml檔案程式碼例項jQueryXML
- jQuery實現的數字分頁程式碼例項jQuery
- jQuery實現的非同步請求程式碼例項jQuery非同步
- jQuery實現的錨點平滑定位程式碼例項jQuery
- jquery實現的滑動軸效果程式碼例項jQuery
- jQuery實現的JSONP應用程式碼例項jQueryJSON
- jQuery實現的div垂直水平居中例項程式碼jQuery
- jquery實現的下拉和收縮程式碼例項jQuery
- jquery.idTabs實現的選項卡程式碼例項jQuery
- 通過jquery.cookie.js實現記住使用者名稱、密碼登入功能jQueryCookieJS密碼
- 利用Windows登錄檔儲存資訊 (轉)Windows