Cookie登录

最新推荐文章于 2023-10-11 19:39:12 发布

LifeTimeLove_so

最新推荐文章于 2023-10-11 19:39:12 发布

阅读量636

点赞数

分类专栏： Cookie

Cookie 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="Generator" content="APPNAME VERSION" />
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link href="/css/index.css" rel="stylesheet" type="text/css">
<title>自建平台系统</title>
<script src="/jquery-1.8.2.min.js" type="text/javascript"></script>
</head>
<body>
<div id="header">
   <div class="wrapper">
     <a href="/" class="dib"><img src="/images/wdimages/logo.png"/></a>
     <span class="hd_login_info">
     <span></span>  
     </span>
   </div>
</div>
<div id="banner">
   <div class="wrapper">
     <div class="login-panel">

       
       <h3>登录</h3>

<div class="login-mod">
   <div class="login-err-panel dn" id="err_area">
     <span class="icon-wrapper"><i class="icon24-login err" style="margin-top:-.2em;*margin-top:0;"></i></span><span id="err_tips"></span>
   </div>

   <form id="login-form">
     <div class="login-form">
     <div class="login-un">
       <span class="icon-wrapper"><i class="icon24-login un"></i></span>
       <input type="text" id="username" name="username" value="" placeholder="用户名或邮箱"/>
     </div>
     <div class="login-pwd">
       <span class="icon-wrapper"><i class="icon24-login pwd"></i></span>
       <input id="password" name="password" value="" type="password" placeholder="密码"/>
     </div>
     </div>

   <div class="login-help-panel">
   <a class="login-forget-pwd" href="#">忘记密码？</a>
   <input id="login-checkbox" name="remember" value="1" type="checkbox" οnclick="check()" />记住帐号
   </div>
   <input type="hidden" name="ac" value="login" />

   </form>

   <div class="login-btn-panel">
     <a class="login-btn" title="点击登录" href="#" id="login_button">登录</a>
   </div>



</div>
     </div>
     <dl class="qrcode-panel">
       <dt><img src="/images/wdimages/qrcode.jpg" width="150px" /></dt>
       <dd style="font-size:12px">
         微信扫描<br/>
        查看样店，您也可以拥有！      </dd>
     </dl>
   </div>
</div>
<div id="contain">
</div>
<div style="height:50px"></div>

<div id="footer">
     <span>
       <a target="_blank" href="http://www.sylai.com">关于我们</a> | 
    交流QQ群： 464887492 | 
    

     </span>
   <span>Copyright © 2012-2013 sylai.com All Rights Reserved.</span>
   <span>当前版本：v1.2</span>
</div>
<script>
  function getCookie(u_name){//获取指定名称的cookie
   if(document.cookie.length > 0){
    start = document.cookie.indexOf(u_name + "=");
    if(start != -1){
     start = start + u_name.length + 1;
     end = document.cookie.indexOf("^", start);
     if(end == -1){
      end = document.cookie.length;
     }
     return unescape(document.cookie.substring(start, end));
    }
   }
   return "";
  }

  /*function getCookie(objName){//获取指定名称的cookie
   if(document.cookie.length > 0){
    var str = document.cookie.split(";");
    for(var i=0;i<str.length;i++){
     var temp = str[i].spilit("=");
     if(temp[0] == objName){
      return unescape(temp[1]);
     }
    }
   }
  }*/

  /*function addCookie(objName, objValue, expireDays){//添加cookie
   var date = new Date();
   if(expireDays > 0){//如果天数为0的话就不设置过期时间
    date.setTime(date.getTime() + expireDays * 3600000);
   }
   document.cookie = objName + "=" + escape(objValue) + ";expires=" + date.toGMTString();
  }*/

  function addCookie(u_name, u_Value, p_name, p_value, expireDays){//添加cookie
   var date = new Date();
   if(expireDays > 0){//如果天数为0的话就不设置过期时间
    date.setTime(date.getTime() + expireDays * 3600000);
   }
   document.cookie = u_name + "=" + escape(u_Value) + "^" + p_name + "=" + escape(p_value) + ";expires=" + date.toGMTString();
   //console.log(document.cookie);
  }

  function deleteCookie(u_name, p_name){//删除cookie
   var date = new Date();
   date.setTime(date.getTime() - 1);
   document.cookie = u_name + "=^" + p_name + "=;expires=" + date.toGMTString();
  }

  function checkCookie(){//检查cookie是否存在，存在则直接读取，不存在则新建cookie
   var username = getCookie('username');
   var password = getCookie('password');
   if(username != null && username != '' && password != null && password != ''){
    $('#username').attr('value', username);
          $('#password').attr('value', password);
   }
   /*else{
    username = prompt('Please enter your name:',"");
           password = prompt('Please enter your name:',"");
    if(username != null && username != '' && password != null && password != ''){
     setCookie('username', username, 'password', password, 10);
    }
   }*/
  }

  function check(){//判断复选框是否选中
   var chec = document.getElementById('login-checkbox');
   if(chec.checked){//checked="checked" 已选中
    chec.checked="checked";
    chec.value="1";

    var username = document.getElementById("username").value;
    var password = document.getElementById("password").value;
    //var username = $("#username").val();
    //var password = $("#password").val();
    addCookie('username', username, 'password', password, 3);
   }else{
    //未选中
    alert("deleteCookie");
    //deleteCookie();
   }
  }

$(function(){
   checkCookie();

     $('#login_button').click(function(){
         $('#login-form').attr('method','post');
         $('#login-form').attr('action','http://localhost:8080/wd_callback');
         $('#login-form').submit();
  });

     $('#password').bind('keyup',function(event) {
           if(event.keyCode==13){
                 $('#login_button').click();
           }
        });
});
</script>
</body>
</html>