这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
这篇文章主要介绍了 jquery.cookie.js 实现用户登录保存密码功能的方法, 结合实例形式详细分析了 jquery.cookie.js 插件操作 cookie 实现保存用户登录信息的相关技巧, 需要的朋友可以参考下
本文实例讲述了 jquery.cookie.js 实现用户登录保存密码功能的方法。分享给大家供大家参考,具体如下:
需要导入的 js 有 jquery.js 和 jquery.cookie.js
- <script type="text/javascript" src=" jquery-1.5.2.js"></script>
- <script type="text/javascript" src="jquery.cookie.js"></script>
在页面加载时首先尝试获取 cookie 的值,如果 cookie 有值,则将获取到的值填入输入框中,并将保存密码的复选框选中
- jQuery(function(){
- //获取cookie的值
- var username = $.cookie('username');
- var password = $.cookie('password');
- //将获取的值填充入输入框中
- $('#uName').val(username);
- $('#psw').val(password);
- if(username != null && username != '' && password != null && password != ''){//选中保存秘密的复选框
- $("#remember_password").attr('checked',true);
- }
- });
在登录时判断保存密码复选框是否被选中,若选中则创建 cookie(有效期可以自己决定,下面的 cookie 有效期是 7 天),若没有选中,则删除 cookie(因为可能上一次保存了密码,本次登录选择取消保存密码,所以需要删除 cookie 才能使下次登录时 cookie 没有值)。
特别注意删除 cookie 的操作,在网上很多文章使用的方法是 $.cookie('username',null), 但我使用该方法并不奏效,每次重新登录后 cookie 都存在,我尝试使用 $.cookie('username','') 仍然会有问题,程序变得不能保存密码了。
- //提交表单的处理函数
- function Login() {
- var uName = $('#uName').val();
- var psw = $('#psw').val();
- if ($('#remember_password').attr('checked') == true) { //保存密码
- $.cookie('username', uName, {
- expires: 7,
- path: '/'
- });
- $.cookie('password', psw, {
- expires: 7,
- path: '/'
- });
- } else { //删除cookie
- $.cookie('username', '', {
- expires: -1,
- path: '/'
- });
- $.cookie('password', '', {
- expires: -1,
- path: '/'
- });
- }
- //....
- //提交表单的操作
- }
登录页面的保存密码复选框
- <input type="checkbox" name="remember_password" id="remember_password"/>
- <span id="span_tip" style="margin-bottom:-2px;color:white;font-size:12px;">记住密码
- </span>
PS:这里再为大家推荐一款非常好用的 JavaScript 压缩、格式化与加密工具,功能非常强大(对于想让代码加密的朋友不妨试试这里的 js 加密功能):
另外,上面这款 js 工具中的加密使用的是 eval 函数加密形式,对此本站还提供了如下这款针对 eval 函数加密的解密工具,非常强大实用!
希望本文所述对大家 jQuery 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0709/266308.html