• jQuery cookie插件保存用户登陆信息


    通过jquery cookie插件保存用户登录信息。
    代码:
    <html> 
    <head> 
    <title>cookies.html</title> 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
    <meta http-equiv="description" content="this is my page"> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 

    <style type="text/css"> 
    .txt{ 
     150px; 
    height:20px; 
    border: 1px blue solid; 
    border-radius:0.5em; 
    margin-bottom: 5px; 
    padding-left: 5px; 

    </style> 
    <script type="text/javascript" src="../js/jquery-1.10.2.js"></script> 
    <script type="text/javascript" src="../js/jquery.cookie.js"></script> 
    <script type="text/javascript"> 
    $(function(){ 
    // www.jbxue.com
    if($.cookie("name")){ 
    //取值如果存在则赋值 
    $("#username").val($.cookie("name")); 


    $("#mycookie").submit(function(){ 

    //如果选中了保存用户名选项 
    if($("#chkSave").is(":checked")){ 

    //设置Cookie值 
    $.cookie("name",$("#username").val(),{ 
    expires:7,//设置保存期限 
    path:"/"//设置保存的路径 
    }); 
    }else
    //销毁对象 
    $.cookie("name",null,{ 
    path:"/" 
    }); 

    return false
    }); 

    }); 
    </script> 
    </head> 
    <body> 
    <form action="#" method="get" id="mycookie"> 
    <div> 
    用户名:<br> 
    <input id="username" name="username" type="text" class="txt"> 
    </div> 
    <div> 
    密码:<br> 
    <input id="password" name="password" type="password" class="txt"> 
    </div> 
    <div> 
    <input id="chkSave" type="checkbox">是否保存用户名 
    </div> 
    <div> 
    <input id="cookBtn" class="btn" type="submit" value="提交"> 
    </div> 
    </form> 
    </body> 
    </html> 
  • 相关阅读:
    数论
    平衡树
    矩阵儿快速幂
    分治
    考试
    考试
    匈牙利算法
    SPFA
    倍增
    MySql 技术内幕 (数据库组成和引擎)
  • 原文地址:https://www.cnblogs.com/linuxnotes/p/3667808.html
Copyright © 2020-2023  润新知