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 : "对不起，客户账号已经存在！",