公司前端用的是LigerUI1.1的框架,趁着这个机会研究了一下作者提供的LigerRMV2实例,从里面学到了平时能够用到的jQuery使用技巧,在此记录
1.jQuery操作文本框移入移出时的CSS变换
//文本框移入移出时的CSS变换方法
$(".login-text").focus(function ()
{
$(this).addClass("login-text-focus");
}).blur(function ()
{
$(this).removeClass("login-text-focus");
});
2.jQuery键盘操作
//jQuery键盘操作
$(document).keydown(function (e)
{
if (e.keyCode == 13)
{
dologin();
}
});
3.ajax异步提交
$.ajax({
type: 'post', cache: false, dataType: 'json',
url: 'handler/validate.ashx',
data: [
{ name: 'Action', value: 'Login' },
{ name: 'username', value: username },
{ name: 'password', value: password }
],
success: function (result)
{
if (!result)
{
alert('登陆失败,账号或密码有误!');
$("#txtUsername").focus();
return;
} else
{
location.href = decodeURIComponent(FromUrl);
}
},
error: function ()
{
alert('发送系统错误,请与系统管理员联系!');
},
beforeSend: function ()
{
$.ligerDialog.waitting("正在登陆中,请稍后...");
$("#btnLogin").attr("disabled", true);
},
complete: function ()
{
$.ligerDialog.closeWaitting();
$("#btnLogin").attr("disabled", false);
}
});
分享到:
相关推荐
Jquery Liger UI框架学习 仅供学习使用
不错的JQ 我觉得新手可以看看顺便下载 很不错啊 学习
jQuery_LigerUI_V1.2.2学习资料,包含API,开发例子 jQuery_LigerUI_V1.2.2学习资料,包含API,开发例子
jQuery ligerUI API,较为详细的个人开发学习手册
jQuery LigerUI V1.1.8 内含JQ UI 层展示源码。方便学习jQuery UI 的页面展示。
本留言板采用asp.net C#+ jquery1.4.1 +ajax+LigerUi框架的实现 。主要jquery ajax静态页面查询添加 数据无刷新效果 二、菜单功能 1、本程序包括源码和编译过的版本 2、如果只是用或者放到空间 直接传入“Web发布...
采用了大量的Jquery和jquery+Ajax 增强了,用户体验效果。 采用根据权限自定义显示菜单和页面。等等 功能列表和说明: 主菜单:日历表、通知公告、最新任务公司通讯录 人员列表:人员列表的管理(修改信息、重设密码...
采用的后台模版:Liger UI框架 简介美观,功能强大 采用了大量的Jquery和jquery+Ajax 增强了,用户体验效果。 采用根据权限自定义显示菜单和页面。等等 功能列表和说明: 主菜单:日历表、通知公告、最新任务公司...
公共组件 在目前的各个项目中,熟悉某一组件的开发人员采用自己熟悉的组件,使用到的前端组件非常多,有Ext、jquery UI、ligerUI、各种不同的附件上传组件、图表组件等等。造成各个项目中用到的组件都不一样,有些...
系统采用三层开发,运用了抽象工厂模式,使用jQuery LigerUI 框架,功能很简单,适合大家学习 菜单功能: 营销管理:销售机会管理 客户开发计划 客户管理:客户信息管理 客户流失管理 服务管理:服务创建 服务...