首先說明一下表單驗證與其相關的一些設定
ext.quicktips.init(); //為元件提供提示資訊功能，form的主要提示資訊就是客戶端驗證的錯誤資訊。
ext.form.field.prototype.msgtarget='side'; //指示錯誤出現的方式，包含的值為
qtip-當滑鼠移動到控制項上面時顯示提示 //預設值為qtip，使用此種方式必須宣告ext.quicktips.init(); 進行初始化
title-在瀏覽器的標題顯示
under-在控制項的底下顯示錯誤提示
side-在控制項右邊顯示乙個錯誤圖示，滑鼠指向圖示時顯示錯誤提示. 預設值.
id-[element id]錯誤提示顯示在指定id的html元件中
表單項的顯示錯誤出現的方式也可以修改各項的msgtarget屬性，如
js**
下面我們來看一下和表單驗證相關的屬性及他們驗證的順序
1、是否允許為空
allowblank : boolean //false則不能為空，預設為true
blanktext : string//當為空時的錯誤提示資訊
2、輸入資料長度限制
minlength : number
minlengthtext : string
maxlength : number
maxlengthtext : string
3、使用vtype驗證
vtype : string
vtypetext : string
extjs的vtype預設支援的驗證有：
前面的驗證都是extjs已經提供的，我們也可以自定義驗證函式。
js**
password : function
(val, field)
return
true
; }
});
// 配置items引數
items : [, ];
下面是自定義了年齡驗證
js**
//擴充套件vtypes增加id驗證方式,和年齡驗證
'age'
: function
(_v)
}
return
false
;
},
agetext : '年齡必須為數字，並且不能超過100歲，格式為23'
, //出錯資訊後的預設提示資訊
agemask:/[0-9]/i //鍵盤輸入時的校驗
})
4、使用validator編寫自定義函式驗證
validator : function
js**
} return
true
; },
name : "height"
}
以下是自定義輸入內容位元組的驗證
js**
return
true
; },
name : "name"
}
5、使用自己編寫的正規表示式regex
regex : regexp
regextext : string
js**
newext.form.textfield({
fieldlabel : "姓名"
, name : "author_nam"
, regex : /[\u4e00-\u9fa5]/, //正規表示式在/...../之間. [\u4e00-\u9fa5] : 只能輸入中文.
regextext:"只能輸入中文!"
, //正規表示式錯誤提示
allowblank : false
//此驗證依然有效.不許為空.
ExtJs表單驗證
一 基本驗證方式，使用vtype屬性。1.alpha只能輸入字母，無法輸入其他 如數字，特殊符號等 2.alphanum只能輸入字母和數字，無法輸入其他 3.email驗證，要求的格式是jelly 8090 sina.com 4.url格式驗證，要求的格式是 二 其他方式驗證。1.驗證最大最小輸入字...
extjs表單FormPanel驗證
在extjs中，formpane表單提供了各種各樣的驗證，先總結一下 在講解表單驗證前需要說一下和其相關的一下設定 在onready的function 新增以下兩行 ext.quicktips.init 為元件提供提示資訊功能，form的主要提示資訊就是客戶端驗證的錯誤資訊。ext.form.fie...
extjs 表單驗證例項
放在onready的function 中 ext.quicktips.init 為元件提供提示資訊功能，form的主要提示資訊就是客戶端驗證的錯誤資訊。ext.form.field.prototype.msgtarget side 提示的方式，列舉值為 qtip 當滑鼠移動到控制項上面時顯示提示 t...