<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
String IsPostBack="False";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js COOKIE 记住帐号或密码</title>
<script type="text/javascript">
window.onload=function onLoginLoaded() {
if (isPostBack == "False") {
GetLastUser();
}
};
function GetLastUser() {
var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67";//GUID标识符
var usr = GetCookie(id);
if (usr != null) {
document.getElementById('txtUserName').value = usr;
} else {
document.getElementById('txtUserName').value = "001";
}
GetPwdAndChk();
}
//点击登录时触发客户端事件
function SetPwdAndChk() {
//取用户名
var usr = document.getElementById('txtUserName').value;
alert("用户名："+usr);
//将最后一个用户信息写入到Cookie
SetLastUser(usr);
//如果记住密码选项被选中
if (document.getElementById('chkRememberPwd').checked == true) {
//取密码值
var pwd = document.getElementById('txtPassword').value;
alert("你选择了记住密码，我们将记住你的密码："+pwd);
var expdate = new Date();
expdate.setTime(expdate.getTime() + 14 * (24 * 60 * 60 * 1000));
//将用户名和密码写入到Cookie
SetCookie(usr, pwd, expdate);
} else {
//如果没有选中记住密码,则立即过期
ResetCookie();
}
}
function SetLastUser(usr) {
var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67";
var expdate = new Date();
//当前时间加上两周的时间
expdate.setTime(expdate.getTime() + 14 * (24 * 60 * 60 * 1000));
SetCookie(id, usr, expdate);
}
//用户名失去焦点时调用该方法
function GetPwdAndChk() {
var usr = document.getElementById('txtUserName').value;
var pwd = GetCookie(usr);
if (pwd != null) {
document.getElementById('chkRememberPwd').checked = true;
document.getElementById('txtPassword').value = pwd;
} else {
document.getElementById('chkRememberPwd').checked = false;
document.getElementById('txtPassword').value = "";
}
}
//取Cookie的值
function GetCookie(name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
//alert(j);
if (document.cookie.substring(i, j) == arg) return getCookieVal(j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
var isPostBack = "<%=IsPostBack%>";
function getCookieVal(offset) {
var endstr = document.cookie.indexOf(";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
//写入到Cookie
function SetCookie(name, value, expires) {
var argv = SetCookie.arguments;
//本例中length = 3
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape(value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");
}
function ResetCookie() {
var usr = document.getElementById('txtUserName').value;
var expdate = new Date();
SetCookie(usr, null, expdate);
}
</script>
</head>
<body>
<form id="form1">
<div>
用户名: <input type="text" ID="txtUserName" onblur="GetPwdAndChk()">
<input type="password" ID="txtPassword"> 密码： <input
type="checkbox" ID="chkRememberPwd" /> 记住密码 <input type="button"
OnClick="SetPwdAndChk()" value="进入" />
</div>
</form>
</body>
</html>
分享到：
相关推荐
在JavaScript编程中，进行用户名、密码和邮箱验证是前端开发中的常见任务，它涉及到用户输入的有效性检查，以确保数据的正确性和安全性。这个压缩包文件"javascript用户名密码邮箱验证"很可能包含了一些预设的代码...
js实现密码强度检测是指通过JavaScript编程语言编写的一段代码，用于在用户输入密码时，根据密码的组成、长度等因素判断密码的安全性级别，一般是分为“弱”、“中”、“强”三个等级。在用户注册或更改密码时，这种...
Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面。在这个项目中，“vue网站后台登录注册和忘记密码切换页”指的是使用Vue.js实现的网站后台功能，包括用户登录、注册以及找回密码的页面。由于描述中提到...
通过阅读和研究这个文件，你可以更深入地理解如何利用JavaScript实现密码强度的实时验证。记住，为了确保用户账户的安全，除了前端验证，服务器端验证也是必不可少的，因为前端验证可以被绕过。因此，即使在客户端...
具体来说，通过JavaScript实现移动设备绘图解锁主要涉及以下几个步骤和技术点： 1. **界面布局**：使用HTML和CSS设置绘图解锁的基本界面。这部分涉及到创建一个绘图区域，以及设置绘图区域的样式，如背景色、控件...
Passgrid.js 是一个基于纯 JavaScript 开发的轻量级Web应用程序，专为创建密码网格而设计。这个工具旨在帮助用户生成安全、随机且易于记忆的密码，通过将密码分散到一个可视化的网格中，用户可以根据提示轻松地记住...
3. 登录页面设计：登录页面通常包含输入框（用户名和密码）、提交按钮、可能的“记住我”选项和链接到注册或忘记密码的页面。开发者需要确保表单的正确验证和处理，以及使用安全的HTTP POST请求传输敏感信息。 4. ...
在网页开发中，JavaScript（简称JS）是一种必不可少的前端编程语言，它被广泛用于实现页面交互和动态功能。本文将详细探讨"js 验证表单动态提示"这一主题，帮助开发者了解如何在用户填写表单时提供实时、动态的反馈...
此外，JavaScript还可以实现表单的提交处理，防止页面刷新，提供错误提示，甚至实现简单的记住密码和自动填充功能。JavaScript的事件监听器（如`addEventListener`）可以捕捉用户的交互，从而执行相应的操作。 前端...
用户无需记住复杂的密码生成规则，只需访问这个网页，就能获得安全的密码。此外，由于这个密码生成器是纯HTML的，所以它可以在任何支持HTML的浏览器上运行，不需要额外的插件或应用程序。 总结来说，这个"在线随机...
至于"190-the-lightbox-effect-without-lightbox_files"目录，里面可能包含了实现这个效果所需的额外资源，如CSS样式表（`.css`文件）、JavaScript文件（`.js`文件）或图片（`.jpg`, `.png`等）。CSS文件通常存储...
实现扫码登录需要集成二维码生成和识别库，如JavaScript的`qrcode-generator`库用于生成二维码，`zxing`库用于读取和解析二维码。 三、短信验证 为了增强账户安全性，许多网站采用短信验证码进行二次验证。用户输入...
在"JS特效-表单按钮"的标签中，我们可以推测这个登录框包含了一些JavaScript特效，可能是利用JavaScript来实现动态效果，如按钮的悬停效果、表单验证、登录状态的实时反馈等。JavaScript库如jQuery或纯JavaScript...
这种功能在首页或产品展示中很常见，可以使用JavaScript库如jQuery或纯JS实现，结合CSS来控制动画效果和布局。图片切换模板可能包含HTML结构、CSS样式和JS脚本来实现自动播放、导航按钮、指示器等功能。 最后，...
原生JavaScript可以实现这些功能，也可以使用库如jQuery Validation Plugin。 5. **安全性**：确保用户数据的安全是核心任务。这包括使用HTTPS加密传输，防止中间人攻击；使用哈希和盐值存储密码，避免明文存储；...
可能使用了JavaScript库如jQuery或者纯JavaScript代码，来控制星空中的星星闪烁、移动等动态效果。这些效果可以通过定时器函数实现，以模拟真实的星空变化。同时，JavaScript也可能被用来处理用户的交互，比如当用户...
实现的功能点： 1.登录用户名、密码和验证码验证； 2.第二次登录自动记住用户名； 3.欢迎页面提示上次登录时间； 4.消费信息查询页面分页； 5.新增、删除、修改消费记录； 6.防止盗连（非登录页面直接...
- 登录页面：通常包含用户名和密码输入框，登录按钮，以及可能的记住我选项和忘记密码链接。 - 导航栏：提供多级菜单，方便用户快速访问各个功能模块。 - 侧边栏：显示详细的菜单项，可折叠或展开，便于导航。 -...
通常，登录页面包含用户名/邮箱/手机号输入框、密码输入框、记住密码选项、忘记密码链接以及登录按钮。这些元素的布局应直观易懂，例如，输入框通常并排放置，按钮置于下方。同时，页面的交互设计也要简单明了，如...
（纯js，没有deps） （纯 js，无 deps，asm.js） （纯js，没有deps） (c++, 有 deps) 欢迎对其他 bcrypt 实现提出任何建议。 请记住，在使用强密码时，即使是了，因此请考虑使用。 用法 $ node bcrypt-speed....