在開發網頁中,記住帳號密碼功能是必不可少的。使用jQuery實現記住帳號密碼功能非常簡單。
$(function(){ //獲取保存在cookie中的用戶名和密碼 var userName=$.cookie("username"); var passWord=$.cookie("password"); //如果用戶名和密碼都不為空,則將用戶名和密碼填充到相應的輸入框中 if(userName&&passWord){ $("#userName").val(userName); $("#passWord").val(passWord); $("#remember").attr("checked",true); } //復選框check事件,如果check,則保存cookie,否則刪除cookie $("#remember").click(function(){ if($(this).is(":checked")){ var userName=$("#userName").val(); var passWord=$("#passWord").val(); $.cookie("username",userName,{expires:7,path:"/"}); $.cookie("password",passWord,{expires:7,path:"/"}); }else{ $.cookie("username",null,{expires:-1,path:"/"}); $.cookie("password",null,{expires:-1,path:"/"}); } }); });
以上代碼中,首先通過$.cookie方法獲取保存在cookie中的用戶名和密碼,如果有用戶名和密碼,則將它們填充到相應的輸入框中。
然后,我們監聽復選框的click事件,如果用戶選中了“記住我”復選框,則獲取輸入框中的用戶名和密碼,并使用$.cookie方法保存在cookie中。如果用戶取消“記住我”復選框,則刪除保存在cookie中的用戶名和密碼。
使用jQuery實現記住帳號密碼功能非常簡單,但是開發人員需要注意安全問題,例如,保存在cookie中的用戶名和密碼應該進行加密處理,防止泄露用戶密碼信息。