前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Extjs自定义多字段VTypes

Extjs自定义多字段VTypes

作者头像
forrestlin
发布2018-05-23 17:43:56
1.1K0
发布2018-05-23 17:43:56
举报
文章被收录于专栏:蜉蝣禅修之道

不得不说,Extjs的验证实在很强大,不管是客户端还是服务器端。虽然extjs提供给我们很多很方便地vtypes验证方法,但是对于实际项目还是会不够用的,例如定义验证密码的VType,废话不说,马上上代码。

验证方法函数的参数第一个是该文本框的值,第二个是调用验证方法时传的json参数,可以通过field.验证方法名.key使用

代码语言:javascript
复制
Ext.apply(Ext.form.field.VTypes,{
        //验证方法
        verifypwd:function(val,field){
            var valiStatus=true;//验证状态
            var textfield=Ext.getCmp(field.verifypwd.id);
            var form=textfield.up('form').getForm();
            var passwd=form.getFieldValues().password;
            if(textfield.lastValue!=passwd){
                valiStatus=false;
            }
            return valiStatus;
        },
        verifypwdText:'密码不一致'//验证错误出现的提示
    })

定义好之后 ,我们使用如下

代码语言:javascript
复制
      fieldLabel:'confirm password',
代码语言:javascript
复制
	    xtype:'textfield',
            inputType:'password',
            id:'verify',
            verifypwd:{id:'verify'},
            vtype:'verifypwd'
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2012年11月11日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档