Ext 表单验证

我们可以通过定义item的vtype的类型做简单的表单验证。其中vtype支持的类型为：

1.alpha //只能输入字母，无法输入其他（如数字，特殊符号等）
2.alphanum//只能输入字母和数字，无法输入其他
3.email//email验证
4.url//url格式验证，要求的格式是http://开头的

很多人会问为什么没有只是输入数字的，其实通过定义item的xtype=numberfield就可以做到了。

下面举个自定义验证规则为比较两次密码是否相等的验证：
//先用Ext.apply方法添加自定义的password验证函数（也可以取其他的名字）

Ext.apply(Ext.form.VTypes,{
    password:function(val,field){//val指这里的文本框值，field指这个文本框组件
       if(field.confirmTo){//confirmTo是我们自定义的配置参数，一般用来保存另外的组件的id值
           var pwd=Ext.get(field.confirmTo);//取得confirmTo的那个id的值
           return (val==pwd.getValue());
       }
       return true;
    }
});
//配置items参数
items:[{fieldLabel:"密码",
                id:"pass1",
                anchor:"90%"
               },{
                fieldLabel:"确认密码",
                id:"pass2",
                vtype:"password",//自定义的验证类型
                  vtypeText:"两次密码不一致！",
                  confirmTo:"pass1",//要比较的另外一个的组件的id
                anchor:"90%"
               }