<head>
<title>js COOKIE 记住帐号或密码</title>
<script language="javascript" type="text/javascript">
function checkInCorrect() //判断用户名和密码是否为空
{
if (document.getElementById('txtUserName').value=="")
{
alert('请输入用户名!')
document.getElementById('txtUserName').focus();
return false
}
if (document.getElementById('txtPassword').value=="")
{
alert('请输入密码!')
document.getElementById('txtPassword').focus();
return false
}
else
{
saveInfo();
return true;
}
}
saveInfo = function(){
try{
var isSave = document.getElementById('chkRememberPwd').checked; //保存按键是否选中
if (isSave) {
var usernm = document.getElementById('txtUserName').value;
var userpsw = document.getElementById('txtPassword').value;
if(usernm!="" && userpsw!=""){
SetCookie(usernm,userpsw);
}
}else {
SetCookie("","");
}
}catch(e){
}
}
function SetCookie(usern,psw){
var Then = new Date()
Then.setTime(Then.getTime() + 1866240000000)
document.cookie ="username=" + usern + "%%"+psw+";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);
document.getElementById('txtUserName').value=nm;
document.getElementById('txtPassword').value=psd;
if(nm!="" && psd!=""){
document.forms[0].checkbox.checked = true
}
}
}
}
</script>
</head>
<body onLoad="document.getElementById('txtUserName').focus();GetCookie();">
<form>
用户名:<input type="text" ID="txtUserName" onblur="GetPwdAndChk()"> <br>
密 码:<input type="password" ID="txtPassword"> <br>
<input type="checkbox" ID="chkRememberPwd" />记住密码 <br>
<input type="button" OnClick="checkInCorrect()" value="进入"/>
</form>
</body>
分享到:
相关推荐
- 如果输入完整,则根据复选框是否被选中,决定是否使用setCookie()函数来设置cookies,从而保存用户名和密码,或者使用delCookie()函数来删除现有的cookies。 3. **Cookies操作**: - **设置Cookies**:...
在JavaScript(JS)中实现登录时记住用户名的功能是一项常见的需求,尤其在Web应用程序中,它提高了用户体验,使得用户下次访问时无需再次输入用户名。本文将深入探讨如何利用JS实现这一功能,结合`common_util.js`...
例如,当用户登录网站时,你可以将用户名保存在`localStorage`中,之后的页面可以读取这个值。但这仅限于在同一个站点内,并且用户需要先进行登录操作。 如果目标是获取Windows环境下的用户名,可以通过ActiveX控件...
例如,如果Cookie未设置为HttpOnly,它可能被JavaScript脚本读取,增加跨站脚本攻击(XSS)的风险。因此,推荐设置`cookie.setHttpOnly(true)`来防止这种情况。 4. **隐私策略**:由于Cookie涉及用户隐私,开发者...
在网页开发中,JavaScript(JS)是一种常用的客户端脚本语言,用于实现动态交互功能。本文将详细讲解如何利用JavaScript的cookie功能来记录用户的用户名,以便在用户下次访问时自动填充,提高用户体验。 首先,我们...
我们可以监听表单提交事件,并在用户成功登录后使用Cookie.js保存用户名和密码: ```javascript $('#loginForm').on('submit', function(e) { e.preventDefault(); var username = $('#username').val(); var ...
本文将深入探讨如何使用jQuery和一个名为`jquery.cookie.js`的插件来实现用户登录状态的持久化,即保存用户名和密码到浏览器的Cookie中。 首先,我们需要了解Cookie的基本概念。Cookie是由服务器端发送到客户端...
pwget 是一个基于 JavaScript 的工具,专为 ...总的来说,pwget 是一个实用的工具,它利用 JavaScript 和 Node.js 的能力,帮助用户方便地查看保存在 Chrome 中的密码。然而,使用时务必谨慎,确保遵循最佳安全实践。
本文实例讲述了JS输入用户名自动显示邮箱后缀列表的方法。分享给大家供大家参考。具体如下: 以下是代码,保存到html文件打开: 代码如下:<!doctype html> <html> <head> <meta charset=”UTF-8...
当用户勾选“记住我”选项时,前端JavaScript代码会将用户名和密码(通常经过加密或哈希处理)封装成键值对,并设置一个较长的有效期,然后通过`document.cookie`接口发送给浏览器存储。 2. **Cookie的读取**: ...
当用户在网站上填写登录表单并成功登录后,浏览器会询问是否要保存用户名和密码,以便下次自动填充,提高用户体验。这一功能基于HTML5的`autocomplete`属性,通常设置为`on`或`off`来控制是否启用。 对于问题一,...
在Web开发中,经常需要处理用户的登录信息,让用户在下次访问时能够自动填充用户名和密码,从而提升用户体验。本文将介绍如何使用JavaScript结合Cookie技术来记住用户的用户名和密码。以下是两种实现方式的详细解析...
在这个案例中,我们有login.jsp、loginresult.jsp这样的JSP文件,它们可能包含表单元素(如用户名和密码输入框)以及用于处理用户提交的Servlet。 2. **Servlet**: Servlet是Java EE中的核心组件,用于处理HTTP...
- **设置HttpOnly标志**:这可以防止JavaScript访问Cookie,减少XSS攻击的风险。 - **设置Secure标志**:确保Cookie仅通过HTTPS协议传输,防止中间人攻击。 - **限制Cookie的有效期**:避免长期存储敏感信息,减少...
本文实例讲述了js使用cookie实现记住用户名功能。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta ...
而对于CSRF,可以生成一个随机的Token并将其保存在Cookie中,服务器端验证请求时需要匹配这个Token,确保请求来源的合法性。 在编程实现上,对于Java开发者,可以使用HttpServletResponse的addCookie()方法来设置...
实现这一功能的一种常见方法是通过在用户的浏览器中设置Cookie来保存登录状态。 #### 二、技术原理 Cookie是一种小型的数据文件,通常由服务器生成并发送到用户浏览器上。浏览器会将Cookie保存起来,并在后续请求...
- **JavaScript/jQuery**:监听复选框的改变事件,当用户勾选"记住我"时,将用户名和加密后的密码存储在浏览器的本地存储(localStorage或sessionStorage)中。同时,页面加载时检查是否有存储的凭据,如果有,则...
在提供的代码中,首先定义了一个全局变量`XMLHttpReq`用于保存创建的XMLHttpRequest对象实例。接着,通过`createXMLHttpRequest()`函数创建XMLHttpRequest对象。这个函数检查浏览器是否支持XMLHttpRequest,如果支持...
标题和描述中的知识点主要聚焦在JavaScript(JS)中如何利用cookie来实现记住用户账号和密码的功能,这在现代Web开发中是一项非常实用且常见的技术。接下来,我们将详细解析这一过程,包括cookie的基本概念、如何...