使用Jquery打造最佳用户体验的登录页面的实现代(2)

var checkClick = function () {
if ($('#remember-long').attr('checked') == "checked") {
$('#remember-long').attr('checked', false);
$('#remember-long').val("0")
}
else {
$('#remember-long').attr('checked', true);
$('#remember-long').val("1")
}
}
$('.remember').bind('click', function () { checkClick(); });
$("#remember-long").click(function () { checkClick(); });
//记住登录的checkbox和label点击的绑定。这里只是写入cookies 未作登录处理，
//登录处理的思路是当选中的时候直接读取cookies中的数据提交给后台
//由于cookies中记录的事加密之后的密码所以要追加password已经加密

绑定键盘回车事件：需要引入：hotkeys插件

复制代码 代码如下:

$(document).bind('keydown', 'return', function(){$(".btn-submit").trigger('click');});
//绑定键盘的回车事件

帮助微软消灭IE6.0

复制代码 代码如下:

if ($.browser.msie && $.browser.version == "6.0") {
//帮助微软消灭ie6
if ($.cookie('masterShow') != "hidden")
$('body').append('<div><p>您的浏览器是<strong>IE6.0</strong>，漏洞较多，用户体验较差，微软官方将要放弃支持，为了自身电脑安全和获取最佳用户体验建议你根据自身需求升级至<a href="https://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie-8" target="_blank"><strong>IE8.0</strong></a>以上版本或者使用<a href="https://firefox.com.cn/" target="_blank"><strong>火狐</strong></a>浏览器</p></div><div>关闭</div><div>不再显示</div>');
$(".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');
});
});
}

关于页面，这个登录页面抄袭了点点网以前一个版本的设计，点点使用kissy库每次都发回服务器验证，整个页面的刷新，我改用jquery使用ajax异步验证，并在验证的过程中将页面元素设置为不可用，防止重复登录。
完整文件打包下载：jquery_login.rar
作者:Ethan.zhu

您可能感兴趣的文章: