`

js实现登录时记住用户名

阅读更多

在页面中如何获取cookie值呢?

如果是JSP的话,可以通过servlet的对象request 获取cookie,可以

参考:http://hw1287789687.iteye.com/blog/2050040

如果要求登录页面是html呢?html页面中如何获取cookie呢?

直接上代码了

页面:loginInput.html

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- base href="http://localhost:8080/shop_goods/" -->

<title>user login</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script language="JavaScript" src="/shop_goods/js/common_util.js" type="text/javascript"></script>
			
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<style type="text/css">
.errorMessage li {
	list-style-type: none;
	margin-left: 0
}
</style>
</head>

<body>

<script type="text/javascript">
//获取cookie的值
function getCookie(cookieKey){
	var cookies = document.cookie ? document.cookie.split('; ') : [];

	for (var i = 0, l = cookies.length; i < l; i++) {
		var parts = cookies[i].split('=');
		if(parts.length>1){
			if(parts[0]==cookieKey){
				//username1=;
				return parts[1];
			}
		}
	}
	return '';
}
var username1='';
window.onload=function(){
	//cookie的key是'userEmail'
	username1=getCookie('userEmail');

	//alert("username1:"+username1);
	var issave222=com.whuang.hsj.$$one("issave");
	if(username1){
		if(username1!='' && username1!=null &&username1!=undefined){
			com.whuang.hsj.$$one("user.username").value=username1;
			issave222.checked=true;
		}else{
			issave222.checked=false;
		}
	}else{
		issave222.checked=false;
	}
}
</script>
	This is login page.
	<br>
	<a href="/shop_goods/">index</a>
	<br>
	
		<a href="/shop_goods/user/registerUser.jsp">register user</a>
	
	<font color="red"></font>
	
	<font style="font-weight: bold" color="red"> </font>
			
	
	
		<form action="/shop_goods/user/login" method="post">
			<table>
				<tbody><tr>
					<td>username:</td>
					<td><input name="user.username" id="user_username" type="text">
					</td>
				</tr>
				<tr>
					<td>password:</td>
					<td><input name="user.password" id="user_password" type="text">
					</td>
				</tr>
				<tr> <td colspan="2"> <input name="issave" value="save" type="checkbox"> 保存用户名</td></tr>
				<tr>
					<td colspan="2"><input id="" value="login" type="submit">
</td>
					
				</tr>

			</tbody></table>
			


</form></body></html>

 com.whuang.hsj.$$one等方法参见附件

 

 

0
1
分享到:
评论

相关推荐

    Javascript实现登录记住用户名和密码功能

    Javascript实现登录记住用户名和密码功能的核心在于使用Web存储技术,这里主要用到了cookies技术来实现这一需求。在页面加载时,可以通过读取保存在本地的cookies来自动填充表单中的用户名和密码信息,从而达到记住...

    登录页面记住用户名密码

    "登录页面记住用户名密码"这一功能是提高用户体验的一个常见特性,它允许用户在首次登录后选择保存他们的用户名和密码,以便下次访问时能够快速便捷地登录,通常会配合一个复选框供用户选择是否开启此功能。...

    html记住用户名密码

    HTML中的“记住用户名密码”功能是一项常见的用户交互设计,它旨在提供便利,让用户在下次访问网站时无需再次输入登录信息。这一功能的实现主要依赖于浏览器的Cookie技术。Cookie是服务器发送到用户浏览器并存储的一...

    ssh+extjs全注解登陆实现,包含验证码和记住用户名等

    记住用户名功能则是为了方便用户,减少他们每次登录时输入用户名的步骤。 实现这个功能的过程中,开发人员可能需要以下关键知识点: 1. **SSH框架**:理解Spring Security或Apache Shiro等SSH实现的安全机制,如...

    js使用cookie实现记住用户名功能示例

    本文实例讲述了js使用cookie实现记住用户名功能。分享给大家供大家参考,具体如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta ...

    通过jquery.cookie.js实现记住用户名、密码登录功能

    主要介绍了通过jquery.cookie.js实现记住用户名、密码登录功能,通过Cookies让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术;具体实现过程大家通过本文一起看看吧

    Cookie记住用户名密码

    在网页应用中,"Cookie记住用户名密码"是一个常见的功能,它允许用户在访问网站时选择保存他们的登录信息,以便下次访问时自动填充,提供便捷的用户体验。这个功能主要依赖于JavaScript和Cookie技术来实现,无需复杂...

    jsp 通过cookie 记住用户名

    "jsp 通过cookie 记住用户名"这个主题涉及到的是如何利用Cookie技术在用户访问网站时记住他们的用户名,以便于提供更好的用户体验,比如自动填充登录信息。下面将详细阐述这一知识点。 首先,Cookie是一种在客户端...

    使用jquery的cookie实现登录页记住用户名和密码的方法

    在本文中,我们将探讨如何使用jQuery的...总之,通过结合使用jQuery和jQuery Cookie插件,我们可以轻松地在登录页面上实现记住用户名和密码的功能。然而,实际开发中应考虑安全因素,可能需要采用更安全的实现方式。

    (代码方式!)如何让IE记住用户名和密码!绝对可以用(代码方式,物有所值!!!加精!~!)

    通过上述步骤,我们可以实现在Internet Explorer浏览器中记住用户名和密码的功能。这种方法不仅适用于IE浏览器,在其他现代浏览器中也具有良好的兼容性。需要注意的是,在实际部署过程中,应充分考虑系统的安全性,...

    jsp+servlet+Cookie实现记住密码功能

    在Web开发中,"jsp+servlet+Cookie实现记住密码功能"是一个常见的需求,尤其是在构建用户登录系统时。本文将深入探讨这一技术栈如何协同工作,帮助用户在下次访问时自动填充登录信息,提升用户体验。 首先,JSP...

    Asp.Net MVC记住用户登录信息 下次登录无需输入密码

    在Asp.Net MVC框架中,实现用户登录信息的自动记忆功能,使得用户在下次访问时无需再次输入用户名和密码,主要是通过利用浏览器的Cookie技术来完成。Cookie是一种客户端存储机制,它可以在用户的本地计算机上保存小...

    cookie的复制与使用记住用户名实现代码

    标题中的“cookie的复制与使用记住用户名实现代码”是指在网页应用中,通过JavaScript和jQuery库来实现用户登录时自动填充用户名的功能,并将该信息存储为Cookie,以便在用户下次访问时能记住用户名。这个功能常见于...

    JQuery记住用户名密码实现下次自动登录功能

    通过上述代码和知识点解析,可以了解到JQuery如何帮助实现记住用户名和密码,从而简化用户登录操作的机制和实现方法。然而,需注意,为保证用户数据安全,最好避免在Cookie中存储明文的敏感信息。

    java web中使用cookie记住用户的账号和密码

    在Java Web开发中,实现“记住用户名和密码”的功能通常涉及到使用Cookie技术。Cookie是一种小型文本文件,由服务器发送到用户的浏览器并存储在本地,以便在用户下次访问同一网站时,浏览器可以将这些Cookie发送回...

    html+css+js实现登录注册界面.rar

    在登录注册界面,JS可以实现用户输入验证,比如检查用户名和密码是否为空、密码强度是否符合要求等。同时,它可以处理点击事件,比如当用户点击登录按钮时,发送AJAX请求到服务器进行验证。此外,JavaScript还可以...

Global site tag (gtag.js) - Google Analytics