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,为登录后给不同角色分配不同的操作权限做准备。。
不知道别人怎么做的,反正我是这么做的。。