jQuery可以幫助我們實現在登錄頁面中記住密碼的功能。在此之前,我們需要確保用戶已允許瀏覽器保存他們的用戶名和密碼。當然,如果不允許也可以通過JavaScript來實現該功能。
我們可以在登錄頁面上添加一個復選框,用于讓用戶選擇是否記住用戶名和密碼。以下是示例代碼:
<label> <input type="checkbox" name="remember" id="remember" value="1">記住密碼 </label>
一旦用戶選擇了該復選框,我們就可以使用jQuery來保存它們的用戶名和密碼。下面是示例代碼:
$(document).ready(function() { // 用戶已選擇記住用戶名和密碼 if ($('#remember').is(':checked')) { //保存用戶名和密碼 $.cookie('username', $('input[name=username]').val(), {expires: 7}); $.cookie('password', $('input[name=password]').val(), {expires: 7}); } else { //刪除用戶名和密碼 $.removeCookie('username'); $.removeCookie('password'); } });
在以上代碼中,我們使用了jQuery中的cookie插件來保存用戶名和密碼。我們給他們分別設置了一個名為"username"和"password"的cookie,并在cookie中設置了一個過期時間。
最后,在用戶重新訪問登錄頁面時,我們需要讀取這些cookie并將值填充到相應的表單字段中。以下是示例代碼:
$(document).ready(function() { // 檢查是否有保存的用戶名和密碼 if ($.cookie('username') !== null && $.cookie('password') !== null) { // 填充表單字段 $('input[name=username]').val($.cookie('username')); $('input[name=password]').val($.cookie('password')); $('#remember').attr('checked', true); } });
當用戶再次訪問該頁面時,如果之前選擇了“記住密碼”選項,該代碼將會自動填寫用戶名和密碼字段。
下一篇div css 雙擊