`
happy100583
  • 浏览: 124180 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Ext 自定义验证控件

EXT 
阅读更多

    var confirm_password = new Ext.form.TextField({
        //    fieldLabel:'Confirm New Password',
            width:140,
            inputType:'password',
            allowBlank:false,
            msgTarget:'confirmpassword',
            blankText:'the value is null',
            bodyStyle: 'padding-left:5px',
            vtype:'password', //自定义验证控件的类型
            vtypeText:'two password is not equals', //错误提示
            confirmTo:'newpwd' //比较的对象ID
        });
       
        //自定义验证控件
        Ext.apply(Ext.form.VTypes,{
         password: function(val,field) {//val指这里的文本框值,field指这个文本框组件
             if(field.confirmTo) {//confirmTo是我们自定义的配置参数,一般用来保存另外的组件的id值
                 var val2 = Ext.getCmp(field.confirmTo);//根据ID取得对象
                 if(val == val2.getValue()) {
                     return true;
                 }else {
                     return false;
                 }
             }
             return true;
         }
           
        });

分享到:
评论

相关推荐

    Ext自定义控件库

    "Ext自定义控件库"正是这样一个资源集合,包含了开发者封装的一些特殊功能或样式调整的Ext控件,适用于那些标准组件无法满足需求的场景。 1. **GridPanel.xdc**:GridPanel是ExtJS中的核心组件之一,用于展示表格...

    ext日期时间控件2

    EXT日期时间控件2是一款基于EXT JavaScript库的高级UI组件,专为网页应用设计,用于提供用户友好的日期和时间选择功能。EXT是一个强大的前端框架,由Sencha公司开发,广泛应用于构建富互联网应用程序(RIA)。EXT的...

    ext 日期时间控件

    3. **验证**:EXT支持表单验证,DateTimeField可以设置`allowBlank`来控制是否允许为空,`invalidText`则可以自定义验证失败时的提示信息。 4. **国际化**:EXT框架支持多语言,日期和时间的显示可以根据不同的语言...

    ext3.0所有控件演示代码

    EXT3.0还支持自定义图标和动态加载。 5. 演示代码的运行:压缩包中的`demo`文件夹很可能包含了所有示例的HTML和JavaScript代码,可以直接在浏览器中运行。这有助于开发者直观地理解EXT3.0控件的使用方式,快速上手...

    Ext时间控件.rar

    "Ext时间控件.rar"这个压缩包很可能是包含了一个实现此类功能的示例代码或者扩展组件。 DateTimeField是ExtJS中的一个控件,它允许用户选择日期和时间。在描述中提到的"支持时分秒的时间控件",意味着这个控件不仅...

    EXT 表单验证EXT 表单验证

    3. **自定义vtype**:EXT JS允许开发人员创建自定义验证类型。这通常通过扩展`Ext.form.field.VTypes`类来完成,然后在vtype属性中使用新创建的函数名。例如,如果你需要验证一个密码强度,可以创建一个新的vtype并...

    ext 时间控件带有时分秒的控件

    标题所提及的"ext 时间控件带有时分秒的控件",实际上是一种自定义的EXT JS组件,它扩展了原生的日期选择器,增加了对时间精确到秒的选择支持。这种控件对于需要精确时间输入的场景特别有用,比如排程、日程安排或者...

    Ext扩展dateField时间控件,可以选择年月日、年月、年、月

    `dateField`组件是`Ext`提供的一种用于输入日期的控件,它可以被高度定制以满足各种用户界面需求。 首先,让我们了解`dateField`的基本用法。在`Ext`中,`dateField`通常通过创建`Ext.form.field.Date`类的实例来...

    EXT表单验证之TextField

    除了基本的vtype验证,EXT还允许通过扩展自定义验证函数来实现更复杂的逻辑。例如,你可以定义一个函数并将其作为`vtype`属性,该函数接收输入值并返回true(有效)或false(无效)。此外,每个vtype都可以配置一个...

    Ext上传文件控件

    在给定的"Ext上传文件控件"中,我们关注的是ExtJS如何处理文件上传的功能。ExtJS 提供了一个名为`Ext.form.FileField`(也称为`Ext.form.field.File`)的组件,允许用户在Web表单中选择和上传文件。这个控件通常与`...

    ext asp.net控件Ext是一个强大的AJAX开源代码

    `Web.config`文件是ASP.NET应用的核心配置文件,它包含了应用程序的全局设置,如数据库连接字符串、身份验证和授权规则,以及对Ext.NET特定的配置,如设置JS压缩和合并,以及自定义扩展组件的注册。 在开发过程中,...

    Ext用户扩展控件 ------超级下拉列表控件支持多选,删除,添加

    UxSuperBoxSelect是ExtJS社区开发的一个自定义控件,它是对标准`ComboBox`(组合框)的扩展。此控件允许用户不仅可以选择一个或多个选项,还可以直接在下拉列表中添加新的选项,以及删除已选择的选项,提高了交互性...

    Ext日期时间(时分秒)控件

    3. 自定义验证:通过编写自定义的验证函数,实现更严格的输入检查。 **五、实战示例** 在给出的博文链接(已失效,无法访问)中,可能包含了具体实现DateTimeField的代码示例和使用技巧,可惜无法查看。但通常,...

    再探Ext中TreePanel控件和TabPanel控件搭配测试

    6. **自定义功能**:如果存在特殊需求,如自定义标签样式、节点图标等,要验证这些功能是否按预期工作。 在提供的压缩包文件中,index.html可能是实现上述功能的示例代码,而auto.php可能是一个后台脚本,用于动态...

    ext 下拉日期时间控件

    而`dateTimeField_s.js`则是该控件的JavaScript源代码或压缩版,包含了实现该功能的逻辑,包括事件处理、渲染和验证等功能。 在实际开发中,使用EXT下拉日期时间控件的步骤通常包括以下几点: 1. 引入EXT库和`...

    Ext4.2年月日时分秒控件

    本文将详细讨论基于Ext4.2的年月日时分秒时间选择控件,一个功能强大且经过验证的组件,它能为用户提供方便、直观的时间输入体验。 首先,我们来了解Ext4.2。Ext JS是Sencha公司开发的一款JavaScript框架,主要用于...

    日期控件,EXt、My97

    它提供了丰富的API和配置选项,允许开发者自定义控件的显示样式、日期范围限制以及日期验证等功能。My97的日期控件在网页中通常以弹出窗口的形式出现,用户可以通过日历图标或者直接输入日期来选择。 在实际开发中...

    ext日期控件时分秒

    在EXT JS这个强大的JavaScript框架中,日期控件是常见的组件之一,用于用户输入或选择日期。然而,标准的EXT JS日期字段(DateTimeField)默认仅支持日和月的选择,不包含时间部分,即小时、分钟和秒。为了解决这个...

    Ext DateField控件 - 只选择年月插件

    在实际开发中,你可以根据需要进一步自定义插件的行为,例如改变年份和月份的显示方式,添加验证规则,或者与服务器端进行数据同步。同时,为了保证兼容性和性能,确保使用的是与你项目中其他Ext JS库版本相匹配的...

    EXT 时间控件 3.0以上使用

    如果默认的DateTimeField不能满足所有需求,开发者可以通过EXT的MVC模式或组件继承机制,创建自定义的时间控件,增加新的功能或调整样式。 7. **无障碍性(Accessibility)**: 在设计EXT应用时,应考虑无障碍性...

Global site tag (gtag.js) - Google Analytics