一、基本驗證方式,使用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...