`

ExtJS高级自定义验证

阅读更多
//先用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%"
               }


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/witcheryne/archive/2008/10/30/3183054.aspx[size=xx-large][/size]
分享到:
评论

相关推荐

    Extjs表单常见验证小结

    // 使用自定义验证 { fieldLabel: "密码", id: "pass1" }, { fieldLabel: "确认密码", id: "pass2", vtype: "password", vtypeText: "两次密码不一致!", confirmTo: "pass1" // 指定要比较的另一个组件的ID ...

    extJs中关于formPanel动态添加组件的验证问题

    这些规则可以是简单的非空检查,也可以是复杂的自定义验证。在FormPanel实例化时,我们可以直接在配置中定义这些字段及其验证规则。 但是,当需要在运行时动态添加字段时,我们需要手动将新字段的验证规则加入到...

    Extjs高级程序设计的数据库文件sql server 2005

    在深入探讨ExtJS高级程序设计与SQL Server 2005数据库的集成之前,我们首先需要理解这两个核心组件的基本概念。 ExtJS是一个流行的JavaScript库,主要用于构建富客户端应用程序。它提供了一个强大的组件模型,包括...

    轻松搞定Extjs 带目录

    本教程通过递进式的结构,使读者从基础知识起步,逐步掌握Extjs的高级应用,最终能够独立开发具有丰富交互性的Web应用。 在Extjs的世界里,页面与脚本的分离是推荐的做法,这要求开发者理解`Ext.onReady`事件,确保...

    extjs教程word版本

    12. **主题和皮肤**:ExtJS允许自定义主题,以改变应用的外观。教程可能包括如何创建和应用新的主题,或者使用现有的SASS主题。 13. **最佳实践和实战案例**:教程最后可能包含一些最佳实践建议,以及实际项目中的...

    合同管理系统 extjs开发的 让大家一起学习

    6. **主题定制**:EXTJS允许开发者自定义主题,以满足企业的视觉风格要求。 在合同管理系统的开发中,EXTJS可应用于以下关键模块: 1. **合同录入**:使用EXTJS的表单组件收集合同的基本信息,如合同编号、双方...

    Extjs3.0 cookbook

    1. **自定义组件(Custom Components)**:EXTJS允许开发者创建自定义组件,扩展其功能以满足特定需求。 2. **主题(Themes)**:EXTJS 3.0支持皮肤和主题,开发者可以根据品牌或设计需求更改UI样式。 3. **性能...

    ExtJS grid过滤操作

    - **自定义过滤器**:通过扩展内置过滤器或创建全新的过滤器类,实现自定义的过滤逻辑。 5. **监听过滤事件** - **filterchange**:当过滤器状态改变时触发,可用于监听并响应过滤操作,如更新UI或执行其他业务...

    extjs2.1库文件

    6. **表单组件**:ExtJS的FormPanel提供了丰富的表单元素,如文本框、下拉框、复选框等,并支持验证、提交等功能,使得创建复杂的表单变得轻松。 7. **图表组件**:虽然ExtJS 2.1的图表功能相对较弱,但仍然提供了...

    Extjs 3.0 中文API

    这个框架提供了丰富的组件库、数据绑定机制、高级布局管理和强大的事件处理系统。中文API帮助手册是开发者学习和掌握ExtJS 3.0的重要参考资料,它包含了框架的所有类、方法、属性和事件的详细解释。 在《ExtJS 3.0 ...

    extjs4中文视频下载地址

    ### ExtJS 4.0 技术中文视频知识点解析 ...这些视频涵盖了 ExtJS 4.0 的各个方面,从基础概念到高级功能均有涉及,适合不同程度的学习者观看。希望这些知识点能帮助大家更好地理解和掌握 ExtJS 4.0 的使用技巧。

    extjs3.0开发包含示例api

    2. **高级组件示例**:如数据网格的排序、分页、过滤,以及复杂的表单验证等。 3. **布局示例**:展示不同布局的实现和效果,如自适应布局、绝对定位布局等。 4. **拖放示例**:如何实现组件之间的拖放操作,以及...

    extjs3.3 中文文档

    6. **表单组件**:表单是Web应用中的重要部分,ExtJS提供了丰富的表单组件,如文本框、下拉框、复选框、单选按钮等,还支持自定义验证和远程提交。 7. **拖放功能**:ExtJS支持拖放操作,可以轻松实现元素之间的...

    资料:包括extjs2.0源码

    5. **表单元素**:EXTJS 2.0提供了丰富的表单元素,如文本框、下拉框、复选框等,支持验证和联动效果,方便构建动态表单。 6. **图表组件**:EXTJS 2.0内置了各种图表类型,如柱状图、饼图、线图等,适用于数据可视...

    extjs和struts的技术结合

    2. **高级自定义验证**:ExtJS提供了强大的表单验证功能,允许开发者编写自定义验证规则,确保用户输入的数据满足业务需求。 3. **Ext.form表单**:ExtJS的表单组件支持多种字段类型,并且提供了丰富的属性来控制...

    extjs中文帮助文档和英文api

    除了基本组件,ExtJS还提供了一些高级功能,比如AJAX支持、数据验证、拖放操作、国际化和本地化设置,以及强大的布局系统,能够满足开发者构建复杂、动态和响应式的Web应用需求。 在实际开发中,开发者可能会遇到的...

    EXTJS 3[1].0 API中文文档

    EXTJS 是一款强大的JavaScript前端框架,专用于构建富互联网应用程序(RIA...同时,随着EXTJS版本的不断迭代更新,开发者还可以根据需要,扩展到更高级的EXTJS版本,如EXTJS 4、5、6等,进一步提升开发效率和应用性能。

    免费 Extjs4.0教程视频

    ### 免费Extjs 4.0教程视频知识点概览 #### 第一讲:Extjs 4.0概述与Hello World程序...以上内容覆盖了Extjs 4.0的基础知识到高级组件的应用,通过这些教程的学习,开发者能够全面掌握Extjs 4.0的核心技术和最佳实践。

    EXTJS4.0视频教程 30集 下载地址

    #### 三、EXTJS 4.0 高级特性 **3.1 主题定制** - **Sass编译**:使用Sass预处理器来定制主题样式。 - **自定义主题**:通过修改默认主题文件或创建新的主题文件来实现个性化的外观设计。 **3.2 应用程序架构** ...

Global site tag (gtag.js) - Google Analytics