ExtJs表單驗證的方法總結

2021-09-07 22:42:57 字數 870 閱讀 1646

一、基本驗證方式,使用vtype屬性。

1.alpha只能輸入字母,無法輸入其他(如數字,特殊符號等)

2.alphanum只能輸入字母和數字,無法輸入其他

3.email驗證,要求的格式是[email protected]

4.url格式驗證,要求的格式是

二、其他方式驗證。

1.驗證最大最小輸入字數。

1 maxlength : 20,//

允許輸入的最大字元數

2 maxlengthtext : "使用者帳號最大長度不能超過20個字元!",//

提示文字

3 minlength : 3, //

允許輸入的最少字元數

4 minlengthtext : "使用者帳號最小長度不能少於3個字元!",//

提示文字

注意:中文字元不是兩個字元,比如「你好」算2個字元。

2.正規表示式驗證。

1 regex : /^(([0-9]+[a-za-z]+)|([a-za-z]+[0-9]+))$/,

2 regextext : "對不起,使用者帳號只能輸入字母和數字!",

三、vtype實現高階驗證。

因為extjs的vtype只實現了四種基本的驗證方式,所有需要自己去建立新的驗證方式。

在表單初始化時後面加入**

驗證方法名3//

驗證方法

4 }

5 });

設定控制項的vtype屬性為自定義的驗證方法名和提示文字vtypetext屬性。

1 vtype : "verifycustomer",

2 vtypetext : "對不起,客戶賬號已經存在!",

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...