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

放飞自由

年轻人,如果三年的时间里,没有任何想法,他这一生,就基本这个样子,没有多大改变。

 
 
 

日志

 
 

jquery + cookie.js 实现的记住密码的功能  

2010-07-19 08:52:36|  分类: WEB前端 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1. 引入

<script type="text/javascript" src="<%=path %>/web/sp/scripts/jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="<%=path %>/web/sp/scripts/cookie.js"></script>


2. 登录时触发相关事件

function setLoginCookie() {
if ($("#rmb_username").attr("checked") == true) {
$.cookie('login_cookie_username', $.trim($("#user").val()), {
expires : 30
});
} else {
$.cookie('login_cookie_username', null);
}

if ($("#rmb_pwd").attr("checked") == true) {
$.cookie('login_cookie_password', $.trim($("#password").val()), {
expires : 30
});
} else {
$.cookie('login_cookie_password', null);
}

if ($("#rmb_company").attr("checked") == true) {
$.cookie('login_cookie_companyid', $.trim($("#corporation").val()), {
expires : 30
});
} else {
$.cookie('login_cookie_companyid', null);
}
}


3. 加载cookie记住的信息(显示)


function loadCookie() {

if ($.cookie("login_cookie_username") != null
&& $.cookie("login_cookie_username") != "") {
var cookievalue = $.cookie("login_cookie_username");
$("#user").val(cookievalue);
$("#rmb_username").attr("checked", true);
}

if ($.cookie("login_cookie_password") != null
&& $.cookie("login_cookie_password") != "") {

var cookievalue = $.cookie("login_cookie_password");
$("#password").val(cookievalue);
$("#rmb_pwd").attr("checked", true);
}

if ($.cookie("login_cookie_companyid") != null
&& $.cookie("login_cookie_companyid") != "") {

var cookievalue = $.cookie("login_cookie_companyid");
$("#corporation").val(cookievalue);
$("#rmb_company").attr("checked", true);
}

}


附:cookie.js

/**

* Cookie plugin

*

* Copyright (c) 2006 Klaus Hartl (stilbuero.de)

* Dual licensed under the MIT and GPL licenses:

* http://www.opensource.org/licenses/mit-license.php

* http://www.gnu.org/licenses/gpl.html

*

*/

/**

* Create a cookie with the given name and value and other optional parameters.

*

* @example $.cookie('the_cookie', 'the_value');

* @desc Set the value of a cookie.

* @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });

* @desc Create a cookie with all available options.

* @example $.cookie('the_cookie', 'the_value');

* @desc Create a session cookie.

* @example $.cookie('the_cookie', null);

* @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain

* used when the cookie was set.

*

* @param String name The name of the cookie.

* @param String value The value of the cookie.

* @param Object options An object literal containing key/value pairs to provide optional cookie attributes.

* @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.

* If a negative value is specified (e.g. a date in the past), the cookie will be deleted.

* If set to null or omitted, the cookie will be a session cookie and will not be retained

* when the the browser exits.

* @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).

* @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).

* @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will

* require a secure protocol (like HTTPS).

* @type undefined

*

* @name $.cookie

* @cat Plugins/Cookie

* @author Klaus Hartl/klaus.hartl@stilbuero.de

*/

/**
*
* Get the value of a cookie with the given name.
*
*
*
* @example $.cookie('the_cookie');
*
* @desc Get the value of a cookie.
*
*
*
* @param String
* name The name of the cookie.
*
* @return The value of the cookie.
*
* @type String
*
*
*
* @name $.cookie
*
* @cat Plugins/Cookie
*
* @author Klaus Hartl/klaus.hartl@stilbuero.de
*
*/

jQuery.cookie = function(name, value, options) {

if (typeof value != 'undefined') { // name and value given, set cookie

options = options || {};

if (value === null) {

value = '';

options.expires = -1;

}

var expires = '';

if (options.expires
&& (typeof options.expires == 'number' || options.expires.toUTCString)) {

var date;

if (typeof options.expires == 'number') {

date = new Date();

date.setTime(date.getTime()
+ (options.expires * 24 * 60 * 60 * 1000));

} else {

date = options.expires;

}

expires = '; expires=' + date.toUTCString(); // use expires
// attribute,
// max-age is not
// supported by IE

}

// CAUTION: Needed to parenthesize options.path and options.domain

// in the following expressions, otherwise they evaluate to undefined

// in the packed version for some reason...

var path = options.path ? '; path=' + (options.path) : '';

var domain = options.domain ? '; domain=' + (options.domain) : '';

var secure = options.secure ? '; secure' : '';

document.cookie = [ name, '=', encodeURIComponent(value), expires,
path, domain, secure ].join('');

} else { // only name given, get cookie

var cookieValue = null;

if (document.cookie && document.cookie != '') {

var cookies = document.cookie.split(';');

for ( var i = 0; i < cookies.length; i++) {

var cookie = jQuery.trim(cookies[i]);

// Does this cookie string begin with the name we want?

if (cookie.substring(0, name.length + 1) == (name + '=')) {

cookieValue = decodeURIComponent(cookie
.substring(name.length + 1));

break;

}

}

}

return cookieValue;

}

};


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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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