读书人

Ext 表单印证

发布时间: 2012-10-27 10:42:26 作者: rapoo

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%"               }

读书人网 >Web前端

热点推荐