Extjs 的學習

extjs中textfield的關於印證的一些屬性設置

　　　1： ExtJS的textField 自己具有驗證輸入值的一些屬性和方法，這些屬性和方法都在config參數中進行配置。 
一、是否容許空值 
allowBlank : Boolean 
若是是true，則容許，不然不容許，默認是true。 
blankText : String 
若是allowBlank 設置爲true，而且那個textField的值爲空，則會顯示blankText屬性的字符串以給出錯誤提示。 

 

2：最長字符和最短字符 
maxLength : Number 
最長字符（能夠達到） 
maxLengthText : String 
超出設定的最長字符時，會顯示maxLengthText屬性的字符串以給出錯誤提示。 
minLength : Number 
最短字符（能夠達到） 
minLengthText : String 
不足設定的最短字符時，會顯示minLengthText屬性的字符串以給出錯誤提示。 

3：正則表達式 
regex : RegExp 
設定正則表達式，eg：/^[abc]$/ 
regexText : String 
輸入值違反正則表達式時，會顯示regexText屬性的字符串以給出錯誤提示。
能夠經過方法isValid( Boolean preventMark ) : Boolean 來得知輸入值是否知足全部的限制要求。 
注意： 
全部的錯誤提示，分兩種，一種是在textField下底框上加上紅色波浪線，另外一種是顯示相應的錯誤提示字符串，同時給出紅色波浪線。 
後一種方法須要調用Ext.QuickTips.init();才能生效，默認下，只有前一種方式。 

Sample： 
Ext.onReady(function(){ 
var _win=new Ext.Window({ 
　　 title : "找回密碼", 
　 width : 180, 
　 layout:"form", 
　 labelWidth:60, 
　 items:[{ 
　　 xtype:"textfield", 
　　 fieldLabel:"你的姓名" , 
　　 allowBlank:false, 
　　 blankText :'姓名不能爲空', 
　　 minLength :2 , 
　　 minLengthText : "姓名最少2個字符", 
　　 maxLength : 4 , 
　　 maxLengthText :"姓名至多4個字符", 
　　 width : 80, 
　　 regex : /^[abc]{2,4}$/, 
　　 regexText : "只能輸入abc" 
　　 }], 
　　 buttons:[ 
　　　　 { 
　　　　　 text:'下一步' 
　　　　 },{ 
　　　　　 text:'取消' 
　　　　 }　　 
　　 ] 
　 }); 
Ext.QuickTips.init(); 
　 _win.show(); 
});