ext2.0 表单验证

Ext.onReady(function(){
	Ext.QuickTips.init();  //为组件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息。  
    Ext.form.Field.prototype.msgTarget='side'; 
	var form = new Ext.form.FormPanel({
		labelWidth:75,
		url: 'save-form.jsp',
		frame: true, // panel具有全部阴影。默认值为false
		width: 350,
		defaults: {width: 150},
		defaultType: 'textfield',
		items: [{
			fieldLabel: 'First Name',
			name: 'first',
			labelStyle:'width:35px;',
			allowBlank: false
		}],
		buttons: [{
			text: 'Save',
			handler : function(){  
                form.getForm().isValid();  
            }  
		},{
			text: 'Cancel'	
		}]
	});
	form.render(document.body);
});

注意，在保存之前，要做一次

form.getForm().isValid();

labelWidth表示默认所有label类的宽度为75。如果个别需要调整的话，可以在个别label中重写。如：

labelStyle:'width:35px;'