`

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实现登录记住用户名和密码功能的代码。具有很好的参考价值。下面跟着小编一起来看下吧

    html记住用户名密码

    用户登录功能、同时记住用户名密码,通过复选框勾选和不勾选实现记住、清除cookie中用户名密码等。

    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记住用户名密码

    利用js+Cookie实现的记住用户名、密码功能,简单、实用、无后台繁琐代码,新手亦可看懂。

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

    对于初学者来说,登录页记住用户名和密码的功能是经常会遇到的(通常会用javaee的api去实现),今天为大家介绍在前端页面直接用jquery实现该功能(比传统的方法简单多了),长话短说直接进入正题: 在项目中加入...

    jQuery之Cookie用法:记住用户名和密码实例.rar

    jquery中实现cookie的操作相比js要简单很多 操作步骤如下 1、引入JS文件(下载包中已包含) jquery-1.7.1.js jquery.cookie.js 语法: $.cookie(“cookie变量名”, “cookie值”, {expires:过期天数});

    JS读取cookie(记住账号密码)

    完全用JS实现的读取cookie(记住账号密码)源码。

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

    Jquery将用户名密码存储到...需要导入jquery.js和jquery.cookie.js &lt;html&gt; &lt;head&gt; &lt;title&gt;test cookie&lt;/title&gt; [removed][removed] [removed][removed] [removed] $(document).ready(funct

    【JavaScript源代码】vue登录页实现使用cookie记住7天密码功能的方法.docx

    vue登录页实现使用cookie记住7天密码功能的方法  问题描述 项目的登录页中,会有要求记住7天密码的功能,本篇文章记录一下写法,主要是使用cookie,注释我写的很详细了,大家可以看一下我写的注释的步骤,还是比较...

    网页版记账本[java+oracle]

    2.第二次登录自动记住用户名; 3.欢迎页面提示上次登录时间; 4.消费信息查询页面分页; 5.新增、删除、修改消费记录; 6.防止盗连(非登录页面直接登录校验提示); 本web应用的页面是纯servlet的,用到的...

    js读写COOKIE实现记住帐号或密码的代码(js读写COOKIE)

    js COOKIE 记住帐号或密码 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]测试方法:加入先输入用户名jb51密码为 www.jb51.net,选择记住密码,然后关闭后,重新打开页面,在用户名里面输入jb51,则密码会自动...

    js cookie实现记住密码功能

    js 实现记住密码功能 html: &lt;form id=form22 name=form22 action=checklogin.action method=post &gt; 用户名: &lt;input type=text name=username id=userName /&gt; &lt;span id=myuser style=color: ...

    apple-auth:使用Apple登录Node.js

    with使用Apple登录Node.js 一个易于使用的Node.js库,用于通过Apple登录! 现在支持提取名称和电子邮件! :warning: 重要说明:Apple仅向您提供名称和电子邮件一次,这是用户首次在您的应用上点击“使用Apple登录”...

    js实现点击切换checkbox背景图片的简单实例

    在制作网页的过程中,经常需要实现点击切换背景图片的效果,本文关注的是表单中checkbox背景图片切换的实现。如图,在输入用户名和密码后,用户需要选择是否记住密码 图片背景为白色表示未勾选状态 ,背景为蓝色...

    bootstrap自适应电脑手机端后台登录界面代码.zip

    &lt;body&gt;[removed][removed] &lt;div class="signin-head"&gt;&lt;img &gt; ...form class="form-signin" role="form"&gt;... 一款基于bootstrap css3实现的自适应电脑手机端后台登录界面代码,bootstrap网站登录页面模板。

Global site tag (gtag.js) - Google Analytics