lanrikey
- 浏览: 52215 次
- 来自: 深圳
-
文章分类
最新评论
记录COOKIE后，当取消复选框时 发现无法删除COOKIE。
折腾半天，最后先只好先把COOKIE设置为空处理。。
求解啊~~~大神~~
login.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
<!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
//新建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 (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
function $(objStr){return document.getElementByIdx_x_x(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("用户名或密码错误，请重新输入！");
}
}
================================================================
Esc.getCookie = function(name)
{
var cookies = document.cookie.split("; ");
for (var i = 0; i < cookies.length; ++i) {
var pair = cookies[i].split("=");
if (pair[0] == name) {
return pair.length == 1 ? null : unescape(pair[1]);
}
}
return null;
}
Esc.setCookie = function(name, value)
{
Esc.deleteCookie(name);
if (value != null) {
var date = new Date();
date.setFullYear(date.getFullYear() + 1);
document.cookie = name + "=" + escape(value) + "; expires=" + date.toGMTString();
}
}
Esc.deleteCookie = function(name)
{
var date = new Date(0);
document.cookie = name + "=; expires=" + date.toGMTString();
}
折腾半天，最后先只好先把COOKIE设置为空处理。。
求解啊~~~大神~~
login.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
<!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
//新建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 (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
function $(objStr){return document.getElementByIdx_x_x(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("用户名或密码错误，请重新输入！");
}
}
================================================================
Esc.getCookie = function(name)
{
var cookies = document.cookie.split("; ");
for (var i = 0; i < cookies.length; ++i) {
var pair = cookies[i].split("=");
if (pair[0] == name) {
return pair.length == 1 ? null : unescape(pair[1]);
}
}
return null;
}
Esc.setCookie = function(name, value)
{
Esc.deleteCookie(name);
if (value != null) {
var date = new Date();
date.setFullYear(date.getFullYear() + 1);
document.cookie = name + "=" + escape(value) + "; expires=" + date.toGMTString();
}
}
Esc.deleteCookie = function(name)
{
var date = new Date(0);
document.cookie = name + "=; expires=" + date.toGMTString();
}
分享到：
发表评论
-
IE下使用uploadify上传文件的相关问题解决
2017-10-12 12:14 310SWFUpload.prototype.cleanUp = f ... -
js和java 中文乱码
2016-11-18 11:37 570因为在jsp中对中文进行了编码的时候用的是UTF-8的编码 ... -
js常用方法
2016-08-25 17:37 475当前返回日期yyyy-MM-dd function get ... -
js时间比较/当前时间
2015-12-03 21:49 498var selectDate=edit.getContro ... -
js map类型
2015-08-25 10:11 966<script> function Map2() ... -
javat替换成换行符，关于textarea中换行、回车、空格的识别与处理
2015-08-24 20:05 1669var newString=con.replace(/\n/ ... -
使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL
2015-07-18 15:24 5073后退时关闭当前页面 < ... -
限制文本框只能输入数字
2015-07-07 15:59 422js控制只允许输入数字 avascript 只允许输入数字有很 ... -
正确优雅的解决用户退出问题——JSP和Struts解决方案(转载)
2015-07-06 17:37 524正确优雅的解决用户退出问题——JSP和Struts解决方案(转 ... -
长度限制
2015-06-12 16:56 675//=============得到输入框长度（包括中文）=== ... -
js input即时监听输入值
2015-06-08 17:01 2548总结一下 ：要想在输入框超过限制长度时候，不给输入。之前是用o ... -
回车和点击实现表单提交
2015-06-02 14:06 430<html> <head> <t ... -
Js实现图片上传前在本地预览
2015-05-28 17:59 557<!DOCTYPE html PUBLIC " ... -
获取系统当前时间 适合用于头部
2015-05-26 16:26 446<!DOCTYPE HTML PUBLIC " ... -
JS 将字符串转换成日期类型
2015-05-22 14:52 658JS 将字符串转换成日期类型 2013-06-19 17:48 ... -
JS函数中带与不带括号的区别
2015-05-21 18:16 452JS函数中带与不带括号的区别 其实总结起来如下： 函数只要是要 ... -
JS 字符串长度判断
2015-05-20 10:08 1680content.replaceAll("(\r\n| ... -
js开发遇到在方法中调用另一方法问题
2015-05-19 18:03 520/eas_crm_dayi/WebContent/ecp/pa ...
相关推荐
### 使用Cookie记录用户名和密码：深入解析与实践 在现代Web开发中，用户认证与会话管理是构建安全且用户体验友好的网站的关键组成部分。其中，使用Cookie存储用户名和密码是一种常见的做法，尤其在用户选择“记住...
标题“使用Cookie记录用户名和密码”涉及到的是Web开发中的用户会话管理技术，特别是关于Cookie的应用。Cookie是一种在客户端和服务器之间传递信息的小型文本文件，常用于保持用户登录状态、存储用户偏好设置等。在...
5. **防止Session劫持**：为了增加安全性，除了基本的用户名密码验证，还可以使用HTTPS协议加密通信，防止Session ID在传输过程中被窃取。另外，定期更新Session ID，设置合理的Session过期时间也是防止Session劫持...
2. **记录用户名和密码：** 不过，直接将用户名和密码存储在Cookie中是不安全的，因为Cookie数据可能被第三方获取。通常，我们会使用哈希或加密技术来保护敏感信息，或者将它们存储在服务器端，只在客户端存储一个...
总结来说，JavaScript的cookie功能提供了一种在客户端持久存储数据的方法，尤其适用于简单状态管理，如记录用户名。通过创建、读取和删除cookie，我们可以实现用户登录状态的保持和自动填充等功能，提高用户体验。...
虽然不是所有浏览器都依赖Cookie来记住用户名和密码，但清理对应域名的Cookie也是一种可能的解决方案。然而，这可能会影响用户的其他浏览体验。 8. **插入隐形用户名输入框**： 在用户名输入框和密码输入框之间...
服务器端检查这个Cookie，如果验证通过，就认为用户已登录，无需再次输入用户名和密码。 源码标签提示我们可以深入讨论实际的编程实现。在JavaScript中，处理Cookie的主要方法是通过Document对象的cookie属性。例如...
在JavaScript（JS）中实现登录时记住用户名的功能是一项常见的需求，尤其在Web应用程序中，它提高了用户体验，使得用户下次访问时无需再次输入用户名。本文将深入探讨如何利用JS实现这一功能，结合`common_util.js`...
本文将详细介绍如何使用 JavaScript Cookie 来实现记录用户名的功能。 首先，我们需要理解 Cookie 的基本概念。Cookie 是由服务器发送到浏览器的一小段文本信息，浏览器会在后续的请求中将此信息回传给服务器。在 ...
在Java Web开发中，实现“记住用户名和密码”的功能通常涉及到使用Cookie技术。Cookie是一种小型文本文件，由服务器发送到用户的浏览器并存储在本地，以便在用户下次访问同一网站时，浏览器可以将这些Cookie发送回...
- 在`$(document).ready()`中，通过`$.cookie()`方法检查是否已经存储了“记住用户名密码”的Cookie标记。 - 如果存在，则读取用户名和密码的Cookie值，并将它们填充到相应的表单输入框中，并自动勾选复选框。 4....
总的来说，jQuery.cookie.js插件是网页开发者的一个实用工具，它使得在浏览器端进行Cookie管理变得更加方便，尤其适用于实现记住用户名和密码这样的功能。有了它，我们可以在不增加过多复杂性的情况下，为用户提供...
在登录场景中，Servlet通常负责接收用户提交的登录信息，验证用户名和密码，如果验证成功，就可以设置Cookie，并返回相应的响应。 **JSP（JavaServer Pages）**: JSP是Java的一种视图技术，用于创建动态网页。在...
4. JavaScript解析Cookie：登录成功后，服务器通常会设置一个Cookie来记录用户的登录状态。在客户端，JavaScript可以用来读取这个Cookie，以便在用户访问其他页面时检查他们是否已登录。这通常通过`document.cookie`...
- **日期 Cookie**：记录用户上次访问的时间，以便在用户再次访问时给出上次访问时间的提示。 #### 8. 安全性和隐私 由于 Cookie 存储在用户计算机上，因此需要考虑安全性和隐私问题。为了避免安全风险，不应该在 ...
对于"记录用户名和密码"的功能，需要注意的是，出于安全考虑，通常不直接在Cookie中存储明文密码。而是使用一种叫做哈希的技术，将密码转化为不可逆的字符串进行存储。当用户登录时，服务器会对比输入的密码与存储的...
- 使用POST请求而非GET请求来传递登录信息，可以避免用户名和密码出现在浏览器的历史记录、缓存或服务器日志中。 - 为了保护用户信息安全，应使用HTTPS协议，提供端到端的数据加密，防止数据在传输过程中被窃取。 ...