ExtJS带验证码登录框[新增回车提交]

原文地址：http://ht19820316.blog.163.com/blog/static/3395523320113222421670/

/*
 * 用户带验证码登录页面
 * sheak 
 * code.php 生成验证码
 * 1202增加键盘回车提交功能（粗体部分）
 */
/*
 * 用户带验证码登录页面
 * sheak 081115
 * code.php 生成验证码
 */
Ext.QuickTips.init();
LoginWindow = Ext.extend(
				Ext.Window,
	{
		title : '登陆系统',
		width : 275,
		height : 155,
		collapsible : true,
		defaults : {
			border : false
		},
		buttonAlign : 'center',
		createFormPanel : function() {
			// 表单重置函数
			function reset() {
				myform.form.reset();
			}
			;
	
			// 表单提交函数，这个是重点，单独提取出来，与myform一个层级
			function subjectForm() {
				if (myform.getForm().isValid()) {
					myform.form.submit({
						waitMsg : '正在登录......',
						url : '../../../index/login',
						timeout : 3000,
						success : function(form, action) {
							if (action.result.type == 0)// OP
								window.location.href = '../op/index.html';
							else
								window.location.href = 'index.html';
						},
						failure : function(form, action) {
							form.reset();
							if (action.failureType == Ext.form.Action.SERVER_INVALID)
								Ext.MessageBox
										.alert(
												'警告',
												action.result.errors.msg);
						}
					});
				}
			}
			;
	
			var myform = new Ext.form.FormPanel({
				bodyStyle : 'padding-top:6px',
				defaultType : 'textfield',
				labelAlign : 'right',
				labelWidth : 55,
				labelPad : 2,
				// frame : true,
				method : 'POST',
				// 增加表单键盘事件，键盘按键10或者13会触发subjectForm方法
				keys : [ {
					key : [ 10, 13 ],
					fn : subjectForm
				} ],
				defaults : {
					allowBlank : false,
					width : 158
				},
				items : [ {
					cls : 'user',
					name : 'username',
					fieldLabel : '帐 号',
					blankText : '帐号不能为空'
				}, {
					cls : 'key',
					name : 'password',
					fieldLabel : '密 码',
					blankText : '密码不能为空',
					inputType : 'password'
				}, {
					cls : 'key',
					name : 'randCode',
					id : 'randCode',
					fieldLabel : '验证码',
					width : 70,
					blankText : '验证码不能为空'
				} ],
				buttons : [ {
					text : '确定',
					id : 'sure',
					handler : subjectForm//鼠标按键提交表单
				}, {
					text : '重置',
					id : 'clear',
					handler : reset
				} ]
			});
			return myform;
		},
	
		initComponent : function() {
	
			LoginWindow.superclass.initComponent.call(this);
			this.fp = this.createFormPanel();
			this.add(this.fp);
	
		}
	});

Ext.onReady(function() {
	var win = new LoginWindow();

	win.show();
	var bd = Ext.getDom('randCode');
	var bd2 = Ext.get(bd.parentNode);
	bd2.createChild({
		tag : 'img',
		src : 'code.php',
		align : 'absbottom'
	});

});