JQuery实现下次自动登录

最新推荐文章于 2022-07-01 09:55:52 发布

Andy_Zheng.

最新推荐文章于 2022-07-01 09:55:52 发布

阅读量2k

点赞数

分类专栏： Jquery

Jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Jquery将用户名密码存储到cookie中

需要导入jquery.js和jquery.cookie.js

 
         <html> 
        
         <head> 
        
         <title>test cookie</title> 
        
         <script src= 
         "Scripts/jquery-1.4.1.min.js" 
         type= 
         "text/javascript" 
         ></script> 
        
         <script src= 
         "Scripts/jquery.cookie.js" 
         type= 
         "text/javascript" 
         ></script> 
        
         <script type= 
         "text/javascript" 
         > 
        
         $(document).ready( 
         function 
         () { 
        
         if 
         ($.cookie( 
         "rmbUser" 
         ) ==  
         "true" 
         ) { 
        
         $( 
         "#ck_rmbUser" 
         ).attr( 
         "checked" 
         ,  
         true 
         ); 
        
         $( 
         "#txt_username" 
         ).val($.cookie( 
         "username" 
         )); 
        
         $( 
         "#txt_password" 
         ).val($.cookie( 
         "password" 
         )); 
        
         } 
        
         }); 
        
         //记住用户名密码 
        
         function 
         Save() { 
        
         if 
         ($( 
         "#ck_rmbUser" 
         ).attr( 
         "checked" 
         )) { 
        
         var 
         str_username = $( 
         "#txt_username" 
         ).val(); 
        
         var 
         str_password = $( 
         "#txt_password" 
         ).val(); 
        
         $.cookie( 
         "rmbUser" 
         ,  
         "true" 
         , { expires: 7 });  
         //存储一个带7天期限的cookie 
        
         $.cookie( 
         "username" 
         , str_username, { expires: 7 }); 
        
         $.cookie( 
         "password" 
         , str_password, { expires: 7 }); 
        
         } 
        
         else 
         { 
        
         $.cookie( 
         "rmbUser" 
         ,  
         "false" 
         , { expire: -1 }); 
        
         $.cookie( 
         "username" 
         ,  
         "" 
         , { expires: -1 }); 
        
         $.cookie( 
         "password" 
         ,  
         "" 
         , { expires: -1 }); 
        
         } 
        
         }; 
        
         </script> 
        
         </head> 
        
         <body> 
        
         <div> 
        
         用户名：<input type= 
         "text" 
         id= 
         "txt_username" 
         /><br /> 
        
         密码：<input type= 
         "text" 
         id= 
         "txt_password" 
         /><br /> 
        
         <input type= 
         "checkbox" 
         id= 
         "ck_rmbUser" 
         />记住用户名和密码<br /> 
        
         <input type= 
         "submit" 
         id= 
         "sub" 
         value= 
         "登录" 
         onclick= 
         "Save()" 
         /> 
        
         </div> 
        
         </body> 
        
         </html>

Andy_Zheng.

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JQuery实现下次自动登录

Jquery将用户名密码存储到cookie中需要导入jquery.js和jquery.cookie.js?1234567891011121314151617181920212223242526272829303132333435363738394041&lt;html&gt;&lt;head&gt;&lt;title&gt;test cookie&lt;/title&gt;&lt;script s...
复制链接

扫一扫

专栏目录