ExtJS4 简单的用户登录

Ext.onReady(function() {
	//初始化标签中的Ext:Qtip属性。
	Ext.QuickTips.init();
	Ext.form.Field.prototype.msgTarget = 'side';
	//提交按钮处理方法
	var btnsubmitclick = function() {
		form.getForm().submit({
					clientValidation : true,
					url : 'UserLoginServlet',
					method : 'POST',
					success : function(form, action) {
						//alert(action.result.id);
						//window.location.href = 'html/main.jsp?username='+form.getValues().username+'&id='+action.result.id;
							window.location.href = 'html/main.html';
						 Ext.util.Cookies.set('userName',form.getValues().username);
						 Ext.util.Cookies.set('userAuthority',action.result.userauthority);
						// alert(action.result.authority);
					},
					failure : function(form, action) {
						Ext.Msg.alert('aa', 'bb' + action.failureType);
					}

				});
	}
	//重置按钮"点击时"处理方法
	var btnresetclick = function() {
		form.getForm().reset();
	}
	//提交按钮
	var btnsubmit = new Ext.Button({
				text : '提 交',
				handler : btnsubmitclick
			});
	//重置按钮
	var btnreset = new Ext.Button({
				text : '重 置',
				handler : btnresetclick
			});
	//用户名input
	var txtusername = new Ext.form.TextField({
				width : 180,
				allowBlank : false,
				maxLength : 20,
				name : 'username',
				fieldLabel : '用户名',
				blankText : '请输入用户名',
				maxLengthText : '用户名不能超过20个字符'
			});
	//密码input
	var txtpassword = new Ext.form.TextField({
				width : 180,
				allowBlank : false,
				maxLength : 20,
				inputType : 'password',
				name : 'password',
				fieldLabel : '密 码',
				blankText : '请输入密码',
				maxLengthText : '密码不能超过20个字符'
			});

	//表单
	var form = new Ext.form.FormPanel({

				labelAlign : 'right',
				labelWidth : 45,
				frame : true,
				cls : 'loginform',
				buttonAlign : 'center',
				bodyStyle : 'padding:6px 0px 0px 15px',
				items : [txtusername, txtpassword],
				buttons : [btnsubmit, btnreset]
			});
	//窗体
	var win = new Ext.Window({
				title : '用户登陆',
				//iconCls: 'loginicon',
				plain : true,
				width : 276,
				height : 144,
				resizable : false,
				shadow : true,
				modal : true,
				closable : false,
				animCollapse : true,
				items : form
			});
	win.show();
		//创建验证码

	});

后台用的是servlet,连接数据库验证的后台代码就不贴了。。源代码的含义一目了然,验证成功后设置cookie,为登录后给不同角色分配不同的操作权限做准备。。


不知道别人怎么做的,反正我是这么做的。。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值