源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)

  • 时间:2020-04-16 02:22 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
需要引入插件jquery.md5.js 可直接在IIS下运行; 用户名:Ethan.zhu 密 码:123456789 完整文件下载:[url=http://xiazai.jb51.net/201107/yuanma/WebApplication1_jb51.rar]WebApplication1_jb51.rar[/url] 首先将按钮单击事件的异步验证提取出来作为一个单独的函数,需要将按钮单击事件里面的变量提取出来定义为全局变量,并且增加一个变量editPass(用来标记是自己输入密码,还是从cookies中读取的密码)
[url=http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie-8]$(".master").delay(1000).slideDown('', function () { $(".m-close").fadeIn(); }); $(".m-close-short").click(function () { $(".m-close").fadeOut('', function () { $(".master").slideUp(); }); }); $(".m-close-long").click(function () { $(".m-close").fadeOut('', function () { $(".master").slideUp(); $.cookie('masterShow', 'hidden'); }); }); } var rememberPassword = function (logout) {//页面加载完成之后执行自动登录检查 var ckname = $.cookie('UserName'); var ckpwd = $.cookie("Password"); if (ckname != "" && ckpwd != "" && ckname != null && ckpwd != null) { $('#remember-long').val("1") $('#remember-long').attr('checked', true); $("#uname").val(ckname); //用户名 $('.reg-item').addClass('focus'); if (logout=="safe"){ $.cookie("logout","",{ expires: 1, path: '/' }) } else{ $("#passwd").val(ckpwd); //用户密码 $(".btn-submit").trigger('click'); //自动登录 } } else { $('#remember-long').val("0") $('#remember-long').attr('checked', false); } } var logout = $.cookie("logout");//判断用户是否是从内部退出 rememberPassword(logout); $(document).bind('keydown', 'return', function () { $(".btn-submit").trigger('click'); }); })
关于页面中涉及的后台程序,我用了页面级别的aspx,当然你也可以使用ashx来处理。这个后台处理负责验证密码是否正确并在用户正确登录的情况下设置session值,如果需要演示,可以在后台定义常量来做验证判断: 将Hashtable转换成json:
[u]复制代码[/u] 代码如下:
public static string CreateJsonParams(Hashtable items) { string returnStr = ""; foreach (DictionaryEntry item in items) { returnStr += "\"" + item.Key.ToString() + "\":\"" + item.Value.ToString() + "\","; } return "{" + returnStr.Substring(0, returnStr.Length - 1) + "}"; }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部