2. 程式人生 > >HTML頁面 使用Cookie記住密碼功能

HTML頁面 使用Cookie記住密碼功能

阿新 • • 發佈：2019-01-27
$(function() { getCookie(); }); // 回車鍵登陸 function keyLogin(){ if (event.keyCode==13){ document.getElementById("login").click(); } }; // 使用者名稱密碼登陸 function login(){ if($("#loginName"
).val() == ""){ alert("請輸入使用者名稱"); return; } if($("#password").val() == ""){ alert("請輸入密碼"); return; } $.post("login!login.action", { "account.loginName" : $("#loginName"
).val(), "account.passwd" : $("#password").val() },function(data) { saveInfo(); doLogin(data); }, "json"); } // 登陸後跳轉 function doLogin(data){ if (data != null && data.success) { location.href = 'login!doIndex.action'
; } else { if(data.message != null && data.message != ""){ alert(data.message); doReset(); }else if(data.msg != null && data.msg != ""){ alert(data.msg); doReset(); } } } // 儲存Cookie function saveInfo() { try { // 儲存按鍵是否選中 var isSave = document.getElementById('remember_password').checked; if (isSave) { var username = $("#loginName").val(); var password = $("#password").val(); if (username != "" && password != "") { SetCookie(username, password); } } else { SetCookie("", ""); } } catch (e) {} } // 儲存Cookie function SetCookie(username, password) { var Then = new Date(); Then.setTime(Then.getTime() + 1866240000000); document.cookie += ("username=" + username + "%%" + password + ";expires=" + Then.toGMTString()); } // 獲取登陸的使用者名稱和密碼 function getCookie() { var nmpsd; var nm; var psd; var cookieString = new String(document.cookie); var cookieHeader = "username="; var beginPosition = cookieString.indexOf(cookieHeader); cookieString = cookieString.substring(beginPosition); var ends = cookieString.indexOf(";"); if (ends != -1) { cookieString = cookieString.substring(0, ends); } if (beginPosition > -1) { nmpsd = cookieString.substring(cookieHeader.length); if (nmpsd != "") { beginPosition = nmpsd.indexOf("%%"); nm = nmpsd.substring(0, beginPosition); psd = nmpsd.substring(beginPosition + 2); $("#loginName").val(nm) $("#password").val(psd) if (nm != "" && psd != "") { document.getElementById('remember_password').checked = true; } } } }

相關推薦

HTML頁面 使用Cookie記住密碼功能

$(function() { getCookie(); }); // 回車鍵登陸 function keyLogin(){ if (event.keyCode==13){

週記(cookie記住密碼功能)

登入中有一個記住密碼的功能，這個專案是一個區域網專案，安全性要求不是很高，就準備把密碼記錄在本地的cookie中了，這裡先了解了下cookie以及js對cookie操作，專案的程式碼 var b = new Base64(); function getCookie(nam

Java使用SSM框架實現登錄頁面記住密碼功能

turn 頁面 賦值 ++ mage login ring 實現 member 最終效果展示： 1、登錄頁面JSP代碼 <label class="checkbox"> <input type="checkbox" name="remembe

web實現登入，記住密碼功能（cookie）

介面： <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title>登入頁面</title>   

【Vue】Cookie實現登入記住密碼功能

登入頁效果圖： 主要思路是利用瀏覽器Cookie來儲存使用者登入資訊。除了儲存使用者名稱和密碼外，還儲存了一個記住密碼的標誌位，如果勾選了，則為true，反之為false。當用戶登入時，不論使用者有沒有勾選“記住密碼”，都會先將資訊存入Cookie，區別在於，如果沒勾選

Cookie記住密碼

如果 -c ack 記住密碼 val expires secure eof 刪除 1.導入包jquery.cookie.js 2.存cookie 以用戶名作為cookie的name，密碼作為值存儲。 如果出現存的值一直undefined，則將secure值取false;

實現登入時的 記住密碼功能

其實核心思想就是把使用者名稱和密碼存到cookie中，在下次重新進頁面時候在從cookie讀取 首先要引入2個js <script type="text/javascript" src="js/jquery.min.js"></script> <

【Android】_UI設計_登入頁面（記住密碼）

目標： Android記住密碼和自動登入介面的實現（SharedPreferences），具有一定的參考價值，感興趣的小夥伴們可以參考一下。 登入頁面設計（記住密碼版） (一) SharedPreferences用法 (二) 登入頁面Demo

vue記住密碼功能

話不多說，直接上程式碼。 html部分： JS部分： data() { return { logining: false, ruleForm2: { account: '', checkPass: '' }, rules2: { account: [ {required: true, message

android用SharedPreferences實現登入時記住密碼功能

import android.content.Intent;import android.content.SharedPreferences;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import andr

（crm筆記2-6）使用者登入問題之cookie記住密碼

使用者登入問題之cookie記住密碼 1、需求       這個功能其實隨處可見，任何一個網站都需要在使用者登入後為使用者記住密碼，哪怕使用者不用記住，你也要提供這個功能，而且需求很簡單，只要在使用者登入成功後，根據

MFC 對話方塊 運用mysql資料庫 製作登入介面，記住密碼功能

首先MFC連線mysql資料庫的配置百度配好，這裡不再解釋。注意x64和x32配置時是有區別的。x64的系統libmysqld.dll檔案要放到工程檔案X64\DEBUG中才能配置好資料庫連線。 1.新建MFC工程 命名為登入介面。在資源檢視新增對話方塊資源IDD_DIAL

SpringMVC記住密碼功能

CookieTool（Cookie幫助類）: package com.utcsoft.common.cookie; import java.util.HashMap; import java.util.Map; import javax.servlet.http.Cook

javaweb實現記住密碼功能

具體思路是，如果使用者勾選了記住密碼那個框，那麼肯定有是否勾選框的一個標誌引數傳遞到後臺 根據引數，決定是否將使用者名稱和密碼存到cookie中 String username = "llllll"; String password = "2323232";

登入時記住密碼功能實現js

css: .checkActive { background: url(../images/right.png) no-repeat; border: 1px solid #41b3

java web登入頁面上記住密碼

利用cookie程式設計      login.jsp 頁面上的java程式碼： <% String flag = (String)session.getAttribute("flag")==n

javaweb cookie 記住密碼

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html lang="ch"> <head> <meta charset

前端記住密碼功能

功能需求：登入時增加記住密碼功能，如果勾選了記住密碼選項，在登出登入後再次登入時賬號密碼直接填入登陸框。 基本思路： 頁面渲染之前，判斷cookie中是否有使用者賬號密碼資訊，如果有，則設定賬號密碼為cookie中的賬號密碼，預先填寫登入框中的賬號密碼

使用者登入記住密碼功能（記住登陸狀態）,下次不需要重新登入,注意安全問題!實現原理

做網站的時候經常會碰到要實現記住密碼，下次自動登入，一週內免登陸，一個月內免登陸這種需求。這種功能一般都是通過cookie來實現的。 本篇文章將簡單說一下如何使用php實現該需求的。當然實現該需求的方

vue簡單實現記住密碼功能

原理是在提交表單的時候把使用者名稱和密碼的值存入cookie中然後再次進入頁面時讀取cookiehtml部分<div class="log_form">                <div class="log_form_biao">蚊子蚊子蚊子&