溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關使用jQuery怎么實現一個記住帳號密碼功能，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
jquery是一個簡潔而快速的JavaScript庫，它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件，是繼Prototype之后又一個優秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫，以便快速開發網站。
記住密碼是每個有帳號登錄的網站必備的，現在說一下通過COOKIE實現的記住密碼功能。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>COOKIE</title> </head> <body> <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script> <script type="text/javascript"> //讀取cookie var user = $.cookie('uu'); var pwd = $.cookie('pp'); $(document).ready(function(){ // 判斷是否存在cookie if (user) { $("input:text").val(user); $("input:password").val(pwd); $("#che").html("<input type=\"checkbox\" οnclick=\"uncheck()\" id=\"check1\" checked/>"); } }); // 選中記住密碼 function check(){ $("#che").html("<input type=\"checkbox\" οnclick=\"uncheck()\" id=\"check1\"/>"); // 設置為選中狀態 document.getElementById("check1").checked=true; // 創建一個cookie并設置有效時間為 7天 $.cookie('uu', $("input:text").val(), { expires: 7 }); $.cookie('pp', $("input:password").val(), { expires: 7 }); } // 取消記住密碼 function uncheck(){ $("#che").html("<input type=\"checkbox\" οnclick=\"check()\" id=\"check1\"/>"); // 設置為取消狀態 document.getElementById("check1").checked=false; // 刪除cookie $.cookie('uu',''); $.cookie('pp',''); } </script> <input type="text" name="username" placeholder="帳號"><br/> <input type="password" name="password" placeholder="密碼"><br/> 記住密碼：<div id="che"><input type="checkbox" οnclick="check()" id="check1"/></div><br/> </body> </html>
只要在表單輸入帳號密碼，再勾選記住密碼，那么你的帳號密碼就已經被存入到cookie了，有效期7天。然后你刷新頁面，發現帳號密碼還在表單中，不會被清空。
以上就是使用jQuery怎么實現一個記住帳號密碼功能，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
