Ext2 验证

EXT为文本框控件自带了一些验证属性

比如

 

allowBlank:这个属性设置是否可以为空false为不可以为空。

blankText:如果这个文本框为空发出的错误信息。

minLength:文本框的最小长度

minLengthText:文本框的最小长度错误信息

最大长度错误可以看AIP和上面的差不多。

功能做强大的是Vtype属性

EXT为了解决像email验证这类复杂的表单验证提供了一些vtypes见Ext.form.VTypes类

只要在文本框的vtype属性中指定相应的vtypes就可以了但是EXT自带的有限我们可以自己扩展。

代码看下面:

Ext.apply(Ext.form.VTypes,   
{  
      
  //首先定义一个vtype名称,和他的验证函数,val参数是文本框的值,field是文本框。一般我就使用val和正则表达式比较就OK了。  
 然后定义一个vtype的报错信息,与vtype名称加Text后缀。OK了。  
  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:'请输入正确的金额' 
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值