js记住密码

最新推荐文章于 2024-04-27 06:46:18 发布

scalad

最新推荐文章于 2024-04-27 06:46:18 发布

阅读量845

点赞数

分类专栏： JS/jquery/DOM 文章标签： js记住密码

JS/jquery/DOM 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

现在很多浏览器都会提供是否记住密码的功能。当我们写登录模块是如果是使用 form提交则能被浏览器识别到

但是form提交会在链接上暴露出传的参数，如果是用js做的登录浏览器是检测不到的这样我们需要自己加上 js记住密码的功能，主要用到了 cookie.js，以及login.jsp，代码如下：

cookie.js

[javascript] view plaincopy 
    
 //新建cookie。  
 //hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cookie会覆盖已经建立过的同名、同path的cookie（如果这个cookie存在）。  
 function setCookie(name,value,hours,path){  
     var name = escape(name);  
     var value = escape(value);  
     var expires = new Date();  
      expires.setTime(expires.getTime() + hours*3600000);  
      path = path == "" ? "" : ";path=" + path;  
      _expires = (typeof hours) == "string" ? "" : ";expires=" + expires.toUTCString();  
      document.cookie = name + "=" + value + _expires + path;  
 }  
 //获取cookie值  
 function getCookieValue(name){  
     var name = escape(name);  
     //读cookie属性，这将返回文档的所有cookie  
     var allcookies = document.cookie;         
     //查找名为name的cookie的开始位置  
      name += "=";  
     var pos = allcookies.indexOf(name);      
     //如果找到了具有该名字的cookie，那么提取并使用它的值  
     if (pos != -1){                                             //如果pos值为-1则说明搜索"version="失败  
         var start = pos + name.length;                  //cookie值开始的位置  
         var end = allcookies.indexOf(";",start);        //从cookie值开始的位置起搜索第一个";"的位置,即cookie值结尾的位置  
         if (end == -1) end = allcookies.length;        //如果end值为-1说明cookie列表里只有一个cookie  
         var value = allcookies.substring(start,end); //提取cookie的值  
         return (value);                           //对它解码        
          }     
     else return "";                               //搜索失败，返回空字符串  
 }  
 //删除cookie  
 function deleteCookie(name,path){  
     var name = escape(name);  
     var expires = new Date(0);  
      path = path == "" ? "" : ";path=" + path;  
      document.cookie = name + "="+ ";expires=" + expires.toUTCString() + path;  
 }  

[java] view plaincopy 
    
 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
 <%  
     String path = request.getContextPath();  
     String basePath = request.getScheme() + "://"  
             + request.getServerName() + ":" + request.getServerPort()  
             + path + "/";  
 %>  
 <%@taglib prefix="s" uri="/struts-tags" %>  
 <!DOCTYPE html>  
 <html>  
   
   
 <head>  
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />  
     <title>login</title>  
     <meta name="Keywords" content=" " />  
     <meta name="Description" content=" " />     
     <script src="./scripts/jquery.min.js" type="text/javascript"></script>    
     <script src="./scripts/cookie.js" type="text/javascript"></script>        
     <script type="text/javascript">  
         $(function() {  
                var userNameValue = getCookieValue("userName");  
                  $("#username").val(userNameValue);  
                var passwordValue = getCookieValue("password");  
                  $("#password").val( passwordValue);  
   
   
                 $("#login-box").bind('keyup',function(event){  
                     event=document.all?window.event:event;  
                     if((event.keyCode || event.which)==13){  
                     checkregisterform();  
                     }  
                 });   
   
   
         });  
   
   
         function checkregisterform() {  
             var txtUserName = $("#username").val();  
             var txtPwd = $("#password").val();  
   
   
                 if (!(txtUserName && txtPwd)) {  
                     alert("请输入帐号和密码；");  
                     return;  
                 }  
                 $.getJSON("<%=basePath%>login?username=" + txtUserName + "&password=" + txtPwd, function(data) {  
                         if(data.aaa=="fail"){  
                         location.href='loginFail.jsp';  
                         }else{  
                             if($("#checkbox1").is(":checked")) {  
                                     setCookie("userName",txtUserName,24,"/");  
                                     setCookie("password",txtPwd,24,"/");  
                                 }else{  
                                     deleteCookie("userName","/");  
                                     deleteCookie("password","/");  
                                 }  
                             location.href='index.jsp';  
                         }  
                 });  
         }  
     </script>  
 </head>  
   
   
 <body>  
     <div class="navbar">  
         <div class="container fn-overflowHidden">  
             <ul class="iLogo fn-left">  
                 <li><i></i></li>  
             </ul>  
             <ul class="iIndex fn-left">         
                 <li class="current"><a href="#" >首页</a></li>          
             </ul>  
         </div>  
     </div>  
   
   
     <div class="mainContent">  
         <div class="login-wapper">  
             <div class="login-box" id="login-box">  
                 <h2>登录</h2>               
                 <div class="userInput">  
                     <span class="icon_16 icon-name"></span>  
                     <input id="username" name="username"  type="text" class="userName" placeholder="输入用户名"/>  
                 </div>  
                 <div class="userInput">  
                     <span class="icon_16 icon-psw"></span>  
                     <input id="password" name="password"  type="password" class="userPsw" placeholder="输入密码"/>  
                 </div>  
                 <label class="rememberPsw" id="rememberPsw"><input type="checkbox" id="checkbox1" checked="checked"> 记住密码</label>  
                 <a class="forgetPsw" href="#" title="找回已忘记的密码">忘记密码 ?</a>  
                 <button id="btnSubmit" class="iLogin" οnclick="checkregisterform()">登录</button>  
             </div>  
         </div>  
     </div>  
 <%@ include file="include/reports_footer.jsp"%>  

scalad

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js记住密码

现在很多浏览器都会提供是否记住密码的功能。当我们写登录模块是如果是使用 form提交则能被浏览器识别到但是form提交会在链接上暴露出传的参数，如果是用js做的登录浏览器是检测不到的这样我们需要自己加上 js记住密码的功能，主要用到了 cookie.js，以及login.jsp，代码如下：cookie.js[javascript] view
复制链接

扫一扫