Ext.form.TextField主要配置表: Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif'; //初始化信息提示功能 Ext.QuickTips.init(); //統(tǒng)一指定錯誤信息提示浮動顯示方式 Ext.form.Field.prototype.msgTarget = 'side'; var config = { title:'Ext.form.TextField例', //表單標題 labelSeparator:':', //表單label與其他元素分割符 labelWidth:60, //標簽寬 labelAlign:'right', //標簽對齊方式 bodyStyle:'padding:5 5 5 5', //表單邊距 frame:true, //是否渲染表單 height:120, //表單高 width:250, //表單寬 renderTo:'form', //表單定位 //表單子元素數(shù)組 items:[ new Ext.form.TextField({ fieldLabel:'用戶名', id:'userName', selectOnFocus:true, //得到焦點自動選擇文本 allowBlank:false, //不允許為空 blankText:'用戶名不可為空', //空驗證失敗錯誤提示信息 //javascript郵件驗證正則表達式 regex:/^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/, regexText:'用戶格式錯誤' //javascript正則表達式驗證失敗錯誤信息提示 }), new Ext.form.TextField({ fieldLabel:'密碼', inputType:'password', //設置輸入類型為password allowBlank:false, blankText:'密碼不可為空' }) ] } var form = new Ext.form.FormPanel(config);
}); |
|