注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

无线时代辐射无穷

抓紧生宝宝,小心辐射

 
 
 

日志

 
 

像网易163博客一样的JS记住用户名,密码的COOKIE实现方式  

2011-06-16 20:42:51|  分类: jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

HTML:

  1. <!--网站登录跳转 -->  
  2.         <form name="jumpFrm" id="jumpFrm" action="" method="POST" target="_blank">  
  3.         <table width="100%" border="0" cellspacing="0" cellpadding="0">  
  4.           <tr>  
  5.             <td width="69" height="26" align="right">用户名:</td>  
  6.             <td><input type="text" name="userName" id="userName" class="text_input2" style="width:126px; height:15px;"/></td>  
  7.           </tr>  
  8.           <tr>  
  9.             <td height="26" align="right">密码:</td>  
  10.             <input type="hidden" name="domainAccount" value="whir">  
  11.             <td><input type="password" name="userPassword" id="userPassword" class="text_input2" style="width:50px; height:15px;"/>  
  12.   
  13.               记住密码:  
  14.               <input type="checkbox" name="rmbPassword" id="rmbPassword"/>  
  15.               </td>  
  16.            </tr>  
  17.           <tr>  
  18.             <td height="26" align="right">选择系统:</td>  
  19.             <td>  
  20.   
  21.                 <select name="jmpLocation" style="width:126px; height:20px;">  
  22.                 <option value="1" selected="selected">综合办公平台</option>  
  23.                 <option value="2">内网门户后台</option>  
  24.                 <option value="3">邮件系统</option>  
  25.            </select>  
  26.   
  27.             </td>  
  28.           </tr>  
  29.           <tr>  
  30.             <td height="28" align="right" valign="bottom></td>  
  31.             <td valign="bottom">  
  32.                  
  33.                <input type="button" name="Submit22" value="登 录" class="btn_2" onclick="jmpLogin();"/>  
  34.                   
  35.               <input type="reset" name="Submit2" value="重 置" class="btn_2"/>  
  36.              </td>  
  37.           </tr>  
  38.         </table>  
  39.   
  40.         <input type="hidden" name="Password" id="password" value=""/>  
  41.         <input type="hidden" name="LoginName" id="LoginName" />  
  42.   
  43.       </form>  

JS函数:

  1. <!--网站登录跳转 -->  
  2.          <mce:script type="text/javascript"><!--  
  3.            function jmpLogin(){  
  4.              //跳转  
  5.             document.jumpFrm.action="";  
  6.             var userName=document.getElementById("userName").value;  
  7.             var userPassword=document.getElementById("userPassword").value;  
  8.             if(userName==""){  
  9.                 alert("用户名不能为空,请填写!");  
  10.                 return;  
  11.             }else if(userPassword==""){  
  12.                 alert("密码不能为空,请输入!");  
  13.                 return;  
  14.             }  
  15.   
  16.             var jmpLocation=document.getElementById("jmpLocation").value;  
  17.             //document.all.memberid.checked==true  
  18.             if(document.all.rmbPassword.checked){  
  19.                 //alert("begin to rmb password!!!");  
  20.                 setCookie("userName",userName,24,"/");  
  21.                 setCookie("userPassword",userPassword,24,"/");  
  22.                 //alert("OK!COOKIE");  
  23.             }  
  24.   
  25.             if(jmpLocation==1){  
  26.                  document.jumpFrm.action="http://10.41.7.41:7001/defaultroot/LogonAction.do";  
  27.                  jumpFrm.submit();  
  28.             }  
  29.             if(jmpLocation==2){  
  30.                   document.jumpFrm.action="http://10.41.7.40:8123/defaultroot/LogonAction.do";  
  31.                   jumpFrm.submit();  
  32.             }  
  33.             if(jmpLocation==3){  
  34.                 // http://mail.hnsl.gov.cn/remote.php?LoginName=PMAIL_USER&Password=PMAIL_PASS  
  35.                 document.getElementById("LoginName").value=document.getElementById("userName").value;  
  36.                 document.getElementById("password").value=document.getElementById("userPassword").value;  
  37.                 document.jumpFrm.action="http://mail.hnsl.gov.cn/remote.php";  
  38.                 jumpFrm.submit();  
  39.              
  40.             }  
  41.          }  
  42.   
  43.   
  44.          //获取cookie信息  
  45.          function getRememberInfo(){  
  46.             // alert("---获取cookie信息---");  
  47.   
  48.              try{  
  49.               var userName="";  
  50.               var userPassword="";  
  51.               userName=getCookieValue("userName");  
  52.               userPassword=getCookieValue("userPassword");  
  53.               document.getElementById("userName").value=userName;  
  54.               document.getElementById("userPassword").value=userPassword;  
  55.              }catch(err){  
  56.                alert("NO RMB PASSWORD!");  
  57.              }  
  58.          }  
  59.   
  60.   
  61.   
  62.          //新建cookie。  
  63. //hours为空字符串时,cookie的生存期至浏览器会话结束。hours为数字0时,建立的是一个失效的cookie,这个cookie会覆盖已经建立过的同名、同path的cookie(如果这个cookie存在)。  
  64.     function setCookie(name,value,hours,path){  
  65.     var name = escape(name);  
  66.     var value = escape(value);  
  67.     var expires = new Date();  
  68.     expires.setTime(expires.getTime() + hours*3600000);  
  69.     pathpath = path == "" ? "" : ";path=" + path;  
  70.     _expires = (typeof hours) == "string" ? "" : ";expires=" + expires.toUTCString();  
  71.     document.cookie = name + "=" + value + _expires + path;  
  72. }  
  73. //获取cookie值  
  74. function getCookieValue(name){  
  75.     var name = escape(name);  
  76.     //读cookie属性,这将返回文档的所有cookie  
  77.     var allcookies = document.cookie;  
  78.     //查找名为name的cookie的开始位置  
  79.     name += "=";  
  80.     var pos = allcookies.indexOf(name);  
  81.     //如果找到了具有该名字的cookie,那么提取并使用它的值  
  82.     if (pos != -1){                                             //如果pos值为-1则说明搜索"version="失败  
  83.         var start = pos + name.length;                  //cookie值开始的位置  
  84.         var end = allcookies.indexOf(";",start);        //从cookie值开始的位置起搜索第一个";"的位置,即cookie值结尾的位置  
  85.         if (end == -1) end = allcookies.length;        //如果end值为-1说明cookie列表里只有一个cookie  
  86.         var value = allcookies.substring(start,end);  //提取cookie的值  
  87.         return unescape(value);                           //对它解码  
  88.         }  
  89.     else return "";                                             //搜索失败,返回空字符串  
  90. }  
  91. //删除cookie  
  92. function deleteCookie(name,path){  
  93.     var name = escape(name);  
  94.     var expires = new Date(0);  
  95.     pathpath = path == "" ? "" : ";path=" + path;  
  96.     document.cookie = name + "="+ ";expires=" + expires.toUTCString() + path;  
  97. }  
  98.   
  99.   
  100.   
  101.            
  102. // --></mce:script>  

如果要用jquery操作cookie,请使用
http://code.google.com/p/cookies/

http://plugins.jquery.com/project/Cookie

都挺好用的。

  评论这张
 
阅读(959)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017