js实现登录时记住用户名

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

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

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

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

直接上代码了

页面:loginInput.html

代码:

Html代码  

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  2. <html><head>  
  3. <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
  4. <!-- base href="http://localhost:8080/shop_goods/" -->  
  5.   
  6. <title>user login</title>  
  7.   
  8. <meta http-equiv="pragma" content="no-cache">  
  9. <meta http-equiv="cache-control" content="no-cache">  
  10. <meta http-equiv="expires" content="0">  
  11. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  12. <meta http-equiv="description" content="This is my page">  
  13. <script language="JavaScript" src="/shop_goods/js/common_util.js" type="text/javascript"></script>  
  14.               
  15. <!-- 
  16.     <link rel="stylesheet" type="text/css" href="styles.css"> 
  17.     -->  
  18. <style type="text/css">  
  19. .errorMessage li {  
  20.     list-style-type: none;  
  21.     margin-left: 0  
  22. }  
  23. </style>  
  24. </head>  
  25.   
  26. <body>  
  27.   
  28. <script type="text/javascript">  
  29. //获取cookie的值  
  30. function getCookie(cookieKey){  
  31.     var cookies = document.cookie ? document.cookie.split('; ') : [];  
  32.   
  33.     for (var i = 0, l = cookies.length; i < l; i++) {  
  34.         var parts = cookies[i].split('=');  
  35.         if(parts.length>1){  
  36.             if(parts[0]==cookieKey){  
  37.                 //username1=;  
  38.                 return parts[1];  
  39.             }  
  40.         }  
  41.     }  
  42.     return '';  
  43. }  
  44. var username1='';  
  45. window.onload=function(){  
  46.     //cookie的key是'userEmail'  
  47.     username1=getCookie('userEmail');  
  48.   
  49.     //alert("username1:"+username1);  
  50.     var issave222=com.whuang.hsj.$$one("issave");  
  51.     if(username1){  
  52.         if(username1!='' && username1!=null &&username1!=undefined){  
  53.             com.whuang.hsj.$$one("user.username").value=username1;  
  54.             issave222.checked=true;  
  55.         }else{  
  56.             issave222.checked=false;  
  57.         }  
  58.     }else{  
  59.         issave222.checked=false;  
  60.     }  
  61. }  
  62. </script>  
  63.     This is login page.  
  64.     <br>  
  65.     <a href="/shop_goods/">index</a>  
  66.     <br>  
  67.       
  68.         <a href="/shop_goods/user/registerUser.jsp">register user</a>  
  69.       
  70.     <font color="red"></font>  
  71.       
  72.     <font style="font-weight: bold" color="red"> </font>  
  73.               
  74.       
  75.       
  76.         <form action="/shop_goods/user/login" method="post">  
  77.             <table>  
  78.                 <tbody><tr>  
  79.                     <td>username:</td>  
  80.                     <td><input name="user.username" id="user_username" type="text">  
  81.                     </td>  
  82.                 </tr>  
  83.                 <tr>  
  84.                     <td>password:</td>  
  85.                     <td><input name="user.password" id="user_password" type="text">  
  86.                     </td>  
  87.                 </tr>  
  88.                 <tr> <td colspan="2"> <input name="issave" value="save" type="checkbox"> 保存用户名</td></tr>  
  89.                 <tr>  
  90.                     <td colspan="2"><input id="" value="login" type="submit">  
  91. </td>  
  92.                       
  93.                 </tr>  
  94.   
  95.             </tbody></table>  
  96.               
  97.   
  98.   
  99. </form></body></html>  
时间： 2024-09-28 18:35:45

js实现登录时记住用户名的相关文章

登录时记住用户名和密码及cookie案例应用_实用技巧

登录样子,可以参考某一论坛的登录介面:   记住这些信息,可以使用Cookie来实现,更多Cookie应用,可参考http://jb51.net/article/33590.htm http://jb51.net/article/33591.htm现在我们来模拟一个登录介面: 复制代码 代码如下: <table> <tr> <td style="width: 15%; text-align: right;"> User Name </td>

JS实现登录页面记住密码和enter键登录方法推荐_javascript技巧

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>按enter键触发事件和记住账号密码</title> <script> //方法一: // document.onkeypress=function(e){ // var keycode=document.all?event.keyCode:e.which; // if(keycode

javascript记住用户名和登录密码（两种方式）_javascript技巧

下面主要通过代码给大家展示下javascript记住用户名和登录密码,具体代码内容请看下文. 第一种方式: CONTENT     login.html     welcome.html     cookie.js     common.jslogin.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr

js使用cookie记住用户名与密码的实例

js如何设置一个全站都能使用的cookie来记住用户名,记住访客的信息,方便访客下次的操作.js设置一个cookie网上有很多资料,但是只能在同目录下使用,其他地方就失效了.设置全局cookie只需加一个参数即可. 把 document.cookie=c_name+ "=" +escape(value)+ ((expiredays==null) ? "" : ";expires="+exdate.toGMTString())改成 document

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

  这篇文章主要介绍了JQuery记住用户名密码实现下次自动登录功能,本文直接给出实现代码,需要的朋友可以参考下 Jquery将用户名密码存储到cookie中 需要导入jquery.js和jquery.cookie.js ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 <html> <head> &l

jquery cookie 与asp.net实现登录记住用户名密码

jquery实现cookie登录记住用户名密码问题,只需在页面写上相应js方法后台不用做任何处理,下次登录就能记住用户名和密码 先来介绍关于jquery读取cookie方法 example $.cookie('the_cookie', 'the_value'); 设置cookie的值 example $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true}); 新

Android通过SharedPreferences实现自动登录记住用户名和密码功能

最近Android项目需要一个自动登录功能,完成之后,特总结一下,此功能依靠SharedPreferences进行实现. SharedPreferences简介 SharedPreferences也是一种轻型的数据存储方式,它的本质是基于XML文件存储key-value键值对数据,通常用来存储一些简单的配置信息.其存储位置在/data/data/<包名>/shared_prefs目录下.SharedPreferences对象本身只能获取数据而不支持存储和修改,存储修改是通过Editor对象实现

登录失败时记住访问的地址

登录失败时记住访问的地址 使用spring MVC 访问时,在拦截器中记录访问的地址: Java代码   String path = request.getRequestURI();//"/demo_channel_terminal/news/list"              System.out.println("您无权访问:" + path);              //用于登录成功之后回调              session.setAttribu

网页登录中实现记住用户名和密码的功能（完成自动登录）

error_reporting(0); session_start(); ?>  代码如下 复制代码 <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml&