Extjs表单-验证

    首先先来看代码:

 Ext.onReady(function(){
			Ext.QuickTips.init();//初始化错误提示信息(气球提示信息)
			var info_form = new Ext.FormPanel({
				renderTo : Ext.getBody(),
				frame : true,
				title : '信息校验',
				width : 250,
				items : [{
					xtype : 'textfield',
					fieldLabel : 'Title',
					name : 'title',
					allowBlank : false
				},{
					xtype : 'textfield',
					fieldLabel : 'Director',
					name : 'director',
					vtype : 'alpha'//内置校验,校验和约束用户的输入 
				},{
					xtype : 'datefield',
					fieldLabel : 'Released',
					name : 'released',
					disabledDays : [1,2,3,4,5]
				}]
			});
		});




配置项:
url:让表单知道提交的地址
renderTo:定义form渲染显示的位置
items:定义表单中包含的字段集合,它是一个数组


效果图见附件


你可能感兴趣的:(ext)