ExtJs 表單驗證的方法總結


一、基本驗證方式,使用 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 : "對不起,客戶賬號已經存在!",

 以上就是項目中一些應用的總結。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM