一、基本驗證方式,使用 vtype 屬性。
1、alpha 只能輸入字母,無法輸入其他(如數字,特殊符號等)
2、alphanum 只能輸入字母和數字,無法輸入其他
3、email 驗證,要求的格式是:master@weilog.net
4、url 格式驗證,要求的格式是:http://www.baidu.com
二、其他方式驗證。
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 只實現了四種基本的驗證方式,所有需要自己去創建新的驗證方式。
在表單初始化時后面加入代碼
1 Ext.apply(Ext.form.VTypes, {
2 verifycustomer : function(value) {//驗證方法名
3 //驗證方法
4 }
5 });
設置控件的 vtype 屬性為自定義的驗證方法名和提示文本 vtypeText 屬性。
1 vtype : "verifycustomer",
2 vtypeText : "對不起,客戶賬號已經存在!",
以上就是項目中一些應用的總結。