extjs表單FormPanel驗證

在extjs中，formpane表單提供了各種各樣的驗證，先總結一下

在講解表單驗證前需要說一下和其相關的一下設定

//在onready的function（{}）新增以下兩行**，

ext.quicktips.init();   //為元件提供提示資訊功能，form的主要提示資訊就是客戶端驗證的錯誤資訊。

ext.form.field.prototype.msgtarget='side';         //指示錯誤出現的方式，包含的值為

qtip-當滑鼠移動到控制項上面時顯示提示  //預設值為qtip，使用此種方式必須宣告ext.quicktips.init();   進行初始化

title-在瀏覽器的標題顯示

under-在控制項的底下顯示錯誤提示

side-在控制項右邊顯示乙個錯誤圖示，滑鼠指向圖示時顯示錯誤提示. 預設值.

id-[element id]錯誤提示顯示在指定id的html元件中

表單項的顯示錯誤的方式也可以修改各項的msgtarget屬性

例如：

1。和表單驗證相關的熟悉及驗證順序（注意我們只說一些常用的，其他的情況屬性請看相關的api）

1.1是否為空

allowblank : boolean

blanktext : string

1.2輸入資料長度限制

minlength : number

minlengthtext : string

maxlength : number

maxlengthtext : string

1.3使用vtype驗證

vtype : string

vtypetext : string

1.4使用validator編寫自定義函式驗證

validator : function

1.5使用自己編寫的正規表示式regex

regex : regexp

regextext : string

從上面可以看出extjs提供了相當靈活的驗證方式，並且提供了從簡單到複雜的驗證，可以根據專案的具體需要而進行選擇使用那些驗證方式

下面**是擴充套件ext.form.vtypes方式，希望啟動拋磚引玉作用

//擴充套件vtypes增加id驗證方式,和年齡驗證

'age' : function(_v)
}return false ;
},agetext : '年齡必須為數字，並且不能超過100歲，格式為23' , //出錯資訊後的預設提示資訊    
agemask:/[0-9]/i  //鍵盤輸入時的校驗
})ext.onready(function(),
,] ,
buttons : [} ]
});});

ExtJs表單驗證

一 基本驗證方式，使用vtype屬性。1.alpha只能輸入字母，無法輸入其他 如數字，特殊符號等 2.alphanum只能輸入字母和數字，無法輸入其他 3.email驗證，要求的格式是jelly 8090 sina.com 4.url格式驗證，要求的格式是 二 其他方式驗證。1.驗證最大最小輸入字...

ExtJs 入門 表單 FormPanel

說明 1 var form new ext.form.formpanel 建立乙個新的form表單物件。2 title 表單標題 表單的標題，如果不加的話，不會出現上面的淺色表單標題欄。3 style margin 10px 表單的樣式，加了個外10px的外邊距。4 html 這裡表單內容 表單內顯...

ExtJS登錄檔單

使用者在註冊時，需要填的表單太長，為此需顯示滾動條，但注意有兩個屬性需要更改formpanel autoheight false,height 100 autoscroll true,由於整個的form是放在fieldset中，其預設的布局時靠左邊的，可以通過columnlayout來控制設定左右兩...