`
weitd
  • 浏览: 143373 次
  • 性别: Icon_minigender_1
  • 来自: 新都
社区版块
存档分类
最新评论

Ext中经常用到的VTypes的自定义扩展集。

EXT 
阅读更多


在Ext中,经常会遇到这样或那样的数据类型,比如时间型、金额等,虽然Ext也自带了几种。但是还是远远不够的。

那天做到这部分的时候。在网上找了一些类型。和大家一起分享一下。
Ext.apply(Ext.form.VTypes,   
{  
  password: function(val, field)   
  {  
        if (field.initialPassField)   
        {  
            var pwd = Ext.getCmp(field.initialPassField);  
            return (val == pwd.getValue());   
        }  
        return true;  
  },  
  passwordText: '两次输入的密码不一致!',  
    
  chinese:function(val,field)  
  {  
        var reg = /^[\u4e00-\u9fa5]+$/i;  
        if(!reg.test(val))  
        {  
            return false;  
        }  
        return true;  
  },  
  chineseText:'请输入中文',  
    
  age:function(val,field)  
  {  
        try 
        {  
            if(parseInt(val) >= 18 && parseInt(val) <= 100)  
                return true;  
            return false;  
        }  
        catch(err)   
        {  
            return false;  
        }  
  },  
  ageText:'年龄输入有误',  
    
  alphanum:function(val,field)  
  {  
        try 
        {  
            if(!/\W/.test(val))  
                return true;  
            return false;  
        }  
        catch(e)  
        {  
            return false;  
        }  
  },  
  alphanumText:'请输入英文字母或是数字,其它字符是不允许的.',  
    
  url:function(val,field)  
  {  
        try 
        {  
            if(/^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i.test(val))  
                return true;  
            return false;  
        }  
        catch(e)  
        {  
            return false;  
        }  
  },  
  urlText:'请输入有效的URL地址.',  
    
  max:function(val,field)  
  {  
        try 
        {  
            if(parseFloat(val) <= parseFloat(field.max))  
                return true;  
            return false;  
        }  
        catch(e)  
        {  
            return false;  
        }  
  },  
  maxText:'超过最大值',  
    
  min:function(val,field)  
  {  
        try 
        {  
            if(parseFloat(val) >= parseFloat(field.min))  
                return true;  
            return false;  
        }  
        catch(e)  
        {  
            return false;  
        }  
  },  
  minText:'小于最小值',  
        
  datecn:function(val,field)  
  {  
        try 
        {  
            var regex = /^(\d{4})-(\d{2})-(\d{2})$/;  
            if(!regex.test(val)) return false;  
            var d = new Date(val.replace(regex, '$1/$2/$3'));  
            return (parseInt(RegExp.$2, 10) == (1+d.getMonth())) && (parseInt(RegExp.$3, 10) == d.getDate())&&(parseInt(RegExp.$1, 10) == d.getFullYear());  
        }  
        catch(e)  
        {  
            return false;  
        }  
  },  
  datecnText:'请使用这样的日期格式: yyyy-mm-dd. 例如:2008-06-20.',  
    
  integer:function(val,field)  
  {  
        try 
        {  
            if(/^[-+]?[\d]+$/.test(val))  
                return true;  
            return false;  
        }  
        catch(e)  
        {  
            return false;  
        }  
  },  
  integerText:'请输入正确的整数',  
    
  minlength:function(val,field)  
  {  
        try 
        {  
            if(val.length >= parseInt(field.minlen))  
                return true;  
            return false 
        }  
        catch(e)  
        {  
            return false;  
        }  
  },  
  minlengthText:'长度过小',  
    
  maxlength:function(val,field)  
  {  
     try 
     {  
        if(val.length <= parseInt(field.maxlen))  
            return true;  
        return false;  
     }  
     catch(e)  
     {  
        return false;  
     }  
  },  
  maxlengthText:'长度过大',  
    
  ip:function(val,field)  
  {  
        try 
        {  
            if((/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(val)))  
                return true;  
            return false;  
        }  
        catch(e)  
        {  
            return false;  
        }  
  },  
  ipText:'请输入正确的IP地址',  
    
  phone:function(val,field)  
  {  
        try 
        {  
            if(/^((0[1-9]{3})?(0[12][0-9])?[-])?\d{6,8}$/.test(val))  
                return true;  
            return false;  
        }  
        catch(e)  
        {  
            return false;  
        }  
  },  
  phoneText:'请输入正确的电话号码,如:0920-29392929',  
    
  mobilephone:function(val,field)  
  {  
        try 
        {  
            if(/(^0?[1][35][0-9]{9}$)/.test(val))  
                return true;  
            return false;  
        }  
        catch(e)  
        {  
            return false;  
        }  
  },  
  mobilephoneText:'请输入正确的手机号码',  
    
  alpha:function(val,field)  
  {  
        try 
        {  
            if( /^[a-zA-Z]+$/.test(val))  
                return true;  
            return false;  
        }  
        catch(e)  
        {  
            return false;  
        }  
  },  
  alphaText:'请输入英文字母',  
    
  money:function(val,field)  
  {  
        try 
        {  
            if(/^\d+\.\d{2}$/.test(val))          
                return true;  
        return false;     
        }  
        catch(e)  
        {  
            return false;     
        }  
 
  },  
  moneyText:'请输入正确的金额' 
});
分享到:
评论

相关推荐

    EXT2.2自带例子,adv-vtypes.js文件中包含的daterange验证存在一个bug

    在这个特定的例子中,我们关注的是`adv-vtypes.js`文件,它包含了EXT2.2中的自定义验证类型。`daterange`验证器是EXT2.2中一个用于检查日期范围的有效性的功能,但据描述所述,该验证器存在一个bug。 `daterange`...

    EXT 表单验证EXT 表单验证

    这通常通过扩展`Ext.form.field.VTypes`类来完成,然后在vtype属性中使用新创建的函数名。例如,如果你需要验证一个密码强度,可以创建一个新的vtype并设置`vtype: 'strongPassword'`。 4. **错误提示**:EXT表单...

    ext form小例子

    - 扩展Vtype:开发者可以通过`Ext.form.field.VTypes.add`方法来添加新的验证类型,比如自定义电话号码验证或身份证号验证。 - 示例:`Ext.form.field.VTypes.add('phone', /^\d{11}$/);`,这将添加一个新验证类型...

    extjs总结.pdf

    Ext.form.VTypes['name'] = function(v){return Ext.form.VTypes['nameVal'].test(v);} ``` **TextArea 和 HTMLEditor**: - `TextArea` 是一个多行文本输入组件,适用于长文本输入。 - `HTMLEditor` 是一个富文本...

    EXT4.3实现动态表单全动态

    EXT4.3实现动态表单全动态是一种在Web开发中常用的技术,主要应用于构建高度可配置和可扩展的用户界面。这种技术的核心是利用EXTJS库的EXT4.3版本,EXTJS是一个强大的JavaScript框架,专门用于创建富互联网应用程序...

    Ext Js权威指南(.zip.001

    7.4.4 数据集:ext.util.abstractmixedcollection与ext.util.mixedcollection / 330 7.4.5 数据验证及错误处理:ext.data.validations与ext.data.errors / 332 7.4.6 模型的关系:ext.data.association、ext.data...

    EXT 登录的设计 extjs4.0

    7. **验证(Validation)**:EXTJS 4.0 提供了强大的表单验证功能,可以通过 `Ext.form.field.VTypes` 或自定义验证函数确保用户输入符合预期格式,如检查密码强度。 8. **响应式设计**:EXTJS 支持响应式布局,...

    ext控件form相关配置

    - 使用`Ext.form.field.VTypes`扩展内置的验证方法。 - 创建自定义的验证函数。 4. **数据绑定**: ```javascript viewModel: { data: { user: { name: 'John Doe', email: 'john.doe@example.com' } } ...

    Extjs验证表单 Extjs验证表单

    可以扩展`Ext.form.VTypes`对象来添加自定义的验证方法。例如,定义一个验证整数的函数: ```javascript Ext.apply(Ext.form.VTypes, { integer: function(val, field) { var exp = /^([1-9]\d{0,7}|0)$/; return...

    ext js mvc

    在 MVC(Model-View-Controller)模式下,Ext JS 允许开发者构建可维护、可扩展的大型应用程序。以下是对"ext js mvc"及相关概念的详细解释: 1. **MVC模式**: MVC是一种软件设计模式,它将应用程序分为三个主要...

    extjs总结.docx

    4. **表单验证**:EXTJS提供了自定义验证类型,如`Ext.form.VTypes`。可以通过定义正则表达式、掩码和错误信息来限制用户输入,如`Ext.form.VTypes['nameVal'] = /^[A-Z][A-Za-z\-]+[A-Z][A-Za-z\-]+$/`。 5. **...

    easyui关于validatebox实现多重规则验证的方法(必看)

    在本文中,我们将深入探讨EasyUI中的ValidateBox组件如何实现多重规则验证,这对于创建高效且具有严格输入验证的Web应用程序至关重要。EasyUI是一个基于jQuery的轻量级UI框架,提供了一系列易于使用的组件,包括我们...

    制作面向Volatility的Linux配置文件.pdf

    Volatility是一个强大的开源内存取证框架,主要用于Windows操作系统的内存分析,但对Linux支持则需要用户自定义配置文件。这是因为Linux内核的多样性和可定制性导致了无数种变体,Volatility无法预设所有可能的配置...

    Extjs表单常见验证小结

    Ext.apply(Ext.form.VTypes, { password: function(val, field) { if (field.confirmTo) { var pwd = Ext.get(field.confirmTo); return (val === pwd.getValue()); } return true; } }); // 使用自定义验证...

    extjs树形结构实现系统主界面功能框架借鉴.pdf

    5. **数据验证**:EXTJS的`VTypes`接口被扩展,添加了针对特定类型的验证规则,如价格(price)、里程(rate)和数量(capacity)。这些验证函数用于确保用户输入的数据符合预期格式,如限制小数位数或输入范围。 6...

    extjs 时间范围选择自动判断的实现代码

    extjs中 有时需要选择一个日期范围,需要...Ext.apply(Ext.form.field.VTypes, { daterange: function (val, field) { var date = field.parseDate(val); if (!date) { return false; } if (field.startDateField &&

    积分兑换系统\会员积分管理软件的数据库存储过程

    最后,将新分类的信息插入到`Vtypes`表中。 ##### 4. 删除会员 - proc_DeleteVIP 用于标记会员为已删除状态,而不是物理删除,这有助于保留历史数据。接收会员ID作为参数,将`deleted`字段设为1。 ##### 5. 删除...

    Checkers-Project:cs520 的最终项目

    MxN 跳棋 ######cs520 的最终项目:编程语言原理 该项目旨在创建一个简单... draw_checkers_vtypes.sats/draw_checkers_vtypes.dats(资源管理) ###Canvas 实用程序:状态范式 图形显示是一种有状态的资源。 为了正确

Global site tag (gtag.js) - Google Analytics