JQuery Cookie是一個使用JQuery編寫的用于操作cookie的插件。它提供了幾種易于使用的方法,以實現(xiàn)對cookie的讀取、寫入和刪除。本文將介紹如何使用JQuery Cookie插件實現(xiàn)記住密碼的功能。
首先需要在網(wǎng)頁中引入JQuery和JQuery Cookie插件的js文件:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
在登錄表單中添加一個復(fù)選框用于記住密碼:
<input type="checkbox" id="remember_pwd" name="remember_pwd" value="1"> <label for="remember_pwd">記住密碼</label>
在登錄表單提交后,使用JQuery Cookie插件將用戶名和密碼存儲在cookie中:
$('form').submit(function() { if ($('#remember_pwd').is(':checked')) { $.cookie('username', $('#username').val(), { expires: 7 }); $.cookie('password', $('#password').val(), { expires: 7 }); } else { $.removeCookie('username'); $.removeCookie('password'); } });
在頁面加載時,讀取cookie中存儲的用戶名和密碼并填充到登錄表單中:
$(document).ready(function() { var username = $.cookie('username'); var password = $.cookie('password'); if (username !== undefined && password !== undefined) { $('input#username').val(username); $('input#password').val(password); $('input#remember_pwd').prop('checked', true); } });
通過上述代碼實現(xiàn)了簡單的記住密碼功能,用戶可以選擇記住密碼,下次登錄時用戶名和密碼將自動填充。