Extjs自定义多字段VTypes

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

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

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:'密码不一致'//验证错误出现的提示
    })

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

      fieldLabel:'confirm password',
	    xtype:'textfield',
            inputType:'password',
            id:'verify',
            verifypwd:{id:'verify'},
            vtype:'verifypwd'

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏逸鹏说道

SQLServer 2016安装时的错误:Polybase要求安装Oracle JRE 7更新51或更高版本

送上2016神Key一枚:MDCJV-3YX8N-WG89M-KV443-G8249 异常处理汇总-数据库系列 http://www.cnblogs.com/...

5146
来自专栏分布式系统和大数据处理

Webpack入门

Webpack是一个前端构建工具,本文将简要介绍它最常用的功能,并创建一个基于webpack的前端开发环境。

1622
来自专栏Jerry的SAP技术分享

通过ABAP代码判断当前系统类型,BYD还是S4 OP还是S4 Cloud

这三个字段通过对应的business function控制。如果function处于激活状态,则返回true。

3644
来自专栏about云

zookeeper思考与总结1:在其它组件的作用及hdfs对比

一、zookeeper在其它组件的作用 1.为什么会产生zookeeper zookeeper是模仿的谷歌的Chubby来解决分布式一致性的问题。2006年的时...

4035
来自专栏Rovo89

配置React开发环境教程

1292
来自专栏CSDN技术头条

由浅入深学习JavaScript Debug技巧

我常常看到不少开发者不懂如何Debug JavaScript代码,因此决定写一篇博客为初学者介绍如何Debug。我希望这篇文章可以提供一些有用的信息。我尝试在本...

1909
来自专栏一个会写诗的程序员的博客

webpack 极简教程(前端自动化构建)

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。

1061

在Linode上部署React应用程序

React是一个用于构建用户界面的流行JavaScript库。虽然React经常被用作更复杂应用程序的前端,但它也足够强大,可以单独用于完整的客户端应用程序。

2094
来自专栏图像识别与深度学习

Mysql常见问题解决

3819
来自专栏互扯程序

跨域请求方案 终极版

现在是资源共享的时代,同样也是知识分享的时代,如果你觉得本文能学到知识,请把知识与别人分享。

3993

扫码关注云+社区

领取腾讯云代金券