CONTENT
login.html
welcome.html
cookie.js
common.js
login.html
Html代码 收藏代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>login</title>
<script type="text/javascript" src="cookie.js"></script>
<script type="text/javascript" src="common.js"></script>
</head>
<body>
<form action="">
<p>
<span>UserName:</span>
<input id="userName" type="text" value=""/></p>
<p>
<span>Password:</span>
<input id="password" type="password" value=""/></p>
<p>
<span style="font-size:12px; color:blue;">记住密码</span>
<input id="saveCookie" type="checkbox" value="" /></p>
<p>
<input id="submit" type="button" value="GO" />
</p>
</form>
</body>
</html>
welcome.html
Html代码 收藏代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>welcome</title>
</head>
<body>
<h1>Welcome!</h1>
<a href="login.html">点击返回登陆框</a>
</body>
</html>
cookie.js
Js代码 收藏代码
//新建cookie。
//hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cookie会覆盖已经建立过的同名、同path的cookie(如果这个cookie存在)。
function setCookie(name,value,hours,path){
var name = escape(name);
var value = escape(value);
var expires = new Date();
expires.setTime(expires.getTime() + hours*3600000);
path = path == "" ? "" : ";path=" + path;
_expires = (typeof hours) == "string" ? "" : ";expires=" + expires.toUTCString();
document.cookie = name + "=" + value + _expires + path;
}
//获取cookie值
function getCookieValue(name){
var name = escape(name);
//读cookie属性,这将返回文档的所有cookie
var allcookies = document.cookie;
//查找名为name的cookie的开始位置
name += "=";
var pos = allcookies.indexOf(name);
//如果找到了具有该名字的cookie,那么提取并使用它的值
if (pos != -1){ //如果pos值为-1则说明搜索"version="失败
var start = pos + name.length; //cookie值开始的位置
var end = allcookies.indexOf(";",start); //从cookie值开始的位置起搜索第一个";"的位置,即cookie值结尾的位置
if (end == -1) end = allcookies.length; //如果end值为-1说明cookie列表里只有一个cookie
var value = allcookies.substring(start,end); //提取cookie的值
return unescape(value); //对它解码
}
else return ""; //搜索失败,返回空字符串
}
//删除cookie
function deleteCookie(name,path){
var name = escape(name);
var expires = new Date(0);
path = path == "" ? "" : ";path=" + path;
document.cookie = name + "="+ ";expires=" + expires.toUTCString() + path;
}
common.js
Js代码 收藏代码
function $(objStr){return document.getElementById(objStr);}
window.onload = function(){
//分析cookie值,显示上次的登陆信息
var userNameValue = getCookieValue("userName");
$("userName").value = userNameValue;
var passwordValue = getCookieValue("password");
$("password").value = passwordValue;
//写入点击事件
$("submit").onclick = function()
{
var userNameValue = $("userName").value;
var passwordValue = $("password").value;
//服务器验证(模拟)
var isAdmin = userNameValue == "admin" && passwordValue =="123456";
var isUserA = userNameValue == "userA" && passwordValue =="userA";
var isMatched = isAdmin || isUserA;
if(isMatched){
if( $("saveCookie").checked){
setCookie("userName",$("userName").value,24,"/");
setCookie("password",$("password").value,24,"/");
}
alert("登陆成功,欢迎你," + userNameValue + "!");
self.location.replace("welcome.html");
}
else alert("用户名或密码错误,请重新输入!");
}
}
分享到:
相关推荐
下面我们将深入探讨Cookie的工作原理、优势以及如何在JavaWeb中利用它来实现记住密码的功能。 **一、什么是Cookie** Cookie是由服务器发送到用户的浏览器并存储在本地硬盘上的小型文本文件。当用户再次访问同一...
在网页应用中,"Cookie记住用户名密码"是一个常见的功能,它允许用户在访问网站时选择保存他们的登录信息,以便下次访问时自动填充,提供便捷的用户体验。这个功能主要依赖于JavaScript和Cookie技术来实现,无需复杂...
总之,这个项目旨在教授如何利用Cookie在Java Web环境中实现记住用户名密码的功能,同时也涉及了IntelliJ IDEA和Tomcat的使用,以及Web开发中的基本安全实践。通过学习和实践这样的项目,开发者可以更深入地理解Web...
在C#编程中,"记住密码功能"是一个常见的用户交互特性,它允许用户在登录时选择保存其凭据,以便在未来的会话中自动填充,实现免密登录。这一功能提高了用户体验,但也需要谨慎处理,以确保安全性。下面将详细讨论...
在Web开发中,"jsp+servlet+Cookie实现记住密码功能"是一个常见的需求,尤其是在构建用户登录系统时。本文将深入探讨这一技术栈如何协同工作,帮助用户在下次访问时自动填充登录信息,提升用户体验。 首先,JSP...
- 实现记住密码功能时,需要遵守相关的数据保护法规,如GDPR等,确保用户数据处理的合法性。 6. **安全最佳实践**: - 定期更新加密算法,以抵御新出现的安全威胁。 - 提供“忘记密码”功能,允许用户通过邮箱或...
标题中的“cookie记住账号密码”指的是在Web应用中,如何利用Cookie技术来实现用户登录状态的持久化,以便用户在下次访问网站时无需再次输入用户名和密码。这涉及到Web开发中的基本概念,主要包括Cookie的工作原理、...
在网页开发中,"通过cookie记住密码"是一个常见的功能,它允许用户在访问网站时无需每次都手动输入登录凭据。这个功能的实现涉及到HTML、JavaScript(JS)以及服务器端的技术,如HTTP Cookie。下面我们将详细探讨这...
在网页开发中,用户登录体验的一个重要环节是“记住密码”功能。...总之,通过HTML和Cookie技术,我们可以实现网页登录的“记住密码”功能,提升用户体验。但要注意安全问题,确保用户数据的安全。
总之,实现Vue+Element+Cookie的记住密码功能,需要理解Vue.js的响应式数据绑定、事件处理,以及如何使用Element UI构建表单,同时还需要掌握Cookie管理和加密算法。通过这些技术,我们可以为用户提供一个便捷且安全...
在网页应用中,为了提升用户体验,有时我们需要实现“记住密码”功能,这就是利用JavaScript来操作Cookie的一种常见应用场景。 Cookie是由服务器端设置,并存储在用户浏览器上的一小段文本数据。它主要用于存储用户...
在网页开发中,为了提供更好的用户体验,经常会有“记住密码”功能,这主要依赖于浏览器的cookie机制。本文将详细讲解如何使用JavaScript(JS)来设置和读取cookie,从而实现登录时记住密码的功能。 首先,理解...
利用js开发的记住密码功能,将用户输入存在浏览器的cookie中,经测试,在ie,ff和chrome均可用
记住密码功能通常结合Cookie实现。用户在登录时勾选“记住我”,服务器将用户的登录凭证(如加密后的用户名和密码)保存为Cookie。下次用户访问时,服务器检查是否有记住的凭证,如果有,则自动登录。 一种常见...
### 实现记住密码功能 在给定的部分内容中,代码演示了如何在用户登录时保存其用户名和密码,并在下次访问时自动填充这些信息。具体实现流程如下: 1. **初始化**:页面加载时,通过`GetLastUser`函数检查是否存在...
全部js,实现记住密码的功能。里面主要用的是cookie。
在Android应用开发中,提供“记住密码”和“自动登录”的功能是提升用户体验的重要一环。用户在登录应用后,可以选择保存其凭证,以便下次打开应用时能够自动填充用户名和密码,无需再次输入。在Android 2.3.3及更高...
vue登录页-记住密码功能 1.下载jsencrypt 加密解密插件 npm install jsencrypt --dev 2.引用src-utils -jsencrypt.js文件, 3.登录页先引用-代码如下 import Cookies from 'js-cookie'//cook引用 2021-08-09 ...
为了提高用户体验,还可以在登录页面中预先填充上一次的账号,但不自动填充密码,除非用户明确选择“记住密码”。 通过以上步骤,Java Web应用就可以实现记住用户账号和密码的功能,同时兼顾安全性。在实际项目中...