在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:'请输入正确的金额'
});
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/youyuan1980/archive/2009/02/19/3904307.aspx
分享到:
相关推荐
在这个特定的例子中,我们关注的是`adv-vtypes.js`文件,它包含了EXT2.2中的自定义验证类型。`daterange`验证器是EXT2.2中一个用于检查日期范围的有效性的功能,但据描述所述,该验证器存在一个bug。 `daterange`...
这通常通过扩展`Ext.form.field.VTypes`类来完成,然后在vtype属性中使用新创建的函数名。例如,如果你需要验证一个密码强度,可以创建一个新的vtype并设置`vtype: 'strongPassword'`。 4. **错误提示**:EXT表单...
- 扩展Vtype:开发者可以通过`Ext.form.field.VTypes.add`方法来添加新的验证类型,比如自定义电话号码验证或身份证号验证。 - 示例:`Ext.form.field.VTypes.add('phone', /^\d{11}$/);`,这将添加一个新验证类型...
Ext.form.VTypes['name'] = function(v){return Ext.form.VTypes['nameVal'].test(v);} ``` **TextArea 和 HTMLEditor**: - `TextArea` 是一个多行文本输入组件,适用于长文本输入。 - `HTMLEditor` 是一个富文本...
EXT4.3实现动态表单全动态是一种在Web开发中常用的技术,主要应用于构建高度可配置和可扩展的用户界面。这种技术的核心是利用EXTJS库的EXT4.3版本,EXTJS是一个强大的JavaScript框架,专门用于创建富互联网应用程序...
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...
7. **验证(Validation)**:EXTJS 4.0 提供了强大的表单验证功能,可以通过 `Ext.form.field.VTypes` 或自定义验证函数确保用户输入符合预期格式,如检查密码强度。 8. **响应式设计**:EXTJS 支持响应式布局,...
- 使用`Ext.form.field.VTypes`扩展内置的验证方法。 - 创建自定义的验证函数。 4. **数据绑定**: ```javascript viewModel: { data: { user: { name: 'John Doe', email: 'john.doe@example.com' } } ...
可以扩展`Ext.form.VTypes`对象来添加自定义的验证方法。例如,定义一个验证整数的函数: ```javascript Ext.apply(Ext.form.VTypes, { integer: function(val, field) { var exp = /^([1-9]\d{0,7}|0)$/; return...
在 MVC(Model-View-Controller)模式下,Ext JS 允许开发者构建可维护、可扩展的大型应用程序。以下是对"ext js mvc"及相关概念的详细解释: 1. **MVC模式**: MVC是一种软件设计模式,它将应用程序分为三个主要...
4. **表单验证**:EXTJS提供了自定义验证类型,如`Ext.form.VTypes`。可以通过定义正则表达式、掩码和错误信息来限制用户输入,如`Ext.form.VTypes['nameVal'] = /^[A-Z][A-Za-z\-]+[A-Z][A-Za-z\-]+$/`。 5. **...
在本文中,我们将深入探讨EasyUI中的ValidateBox组件如何实现多重规则验证,这对于创建高效且具有严格输入验证的Web应用程序至关重要。EasyUI是一个基于jQuery的轻量级UI框架,提供了一系列易于使用的组件,包括我们...
Volatility是一个强大的开源内存取证框架,主要用于Windows操作系统的内存分析,但对Linux支持则需要用户自定义配置文件。这是因为Linux内核的多样性和可定制性导致了无数种变体,Volatility无法预设所有可能的配置...
Ext.apply(Ext.form.VTypes, { password: function(val, field) { if (field.confirmTo) { var pwd = Ext.get(field.confirmTo); return (val === pwd.getValue()); } return true; } }); // 使用自定义验证...
5. **数据验证**:EXTJS的`VTypes`接口被扩展,添加了针对特定类型的验证规则,如价格(price)、里程(rate)和数量(capacity)。这些验证函数用于确保用户输入的数据符合预期格式,如限制小数位数或输入范围。 6...
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. 删除...
MxN 跳棋 ######cs520 的最终项目:编程语言原理 该项目旨在创建一个简单... draw_checkers_vtypes.sats/draw_checkers_vtypes.dats(资源管理) ###Canvas 实用程序:状态范式 图形显示是一种有状态的资源。 为了正确