//form验证中vtype的默认支持类型
1.alpha //只能输入字母,无法输入其他(如数字,特殊符号等)
2.alphanum//只能输入字母和数字,无法输入其他
3.email//email验证,要求的格式是"langsin@gmail.com"
4.url//url格式验证,要求的格式是http://www.langsin.com
密码验证的例子:
Ext.apply(Ext.form.VTypes,{
password:function(val,field){
if(field.confirmTo){
var pwd=Ext.get(field.confirmTo);
return (val==pwd.getValue());
}
return true;
}
});
items:[ {fieldLabel:"密码",
id:"pass1",
anchor:"90%"
},
{
fieldLabel:"确认密码",
id:"pass2",
vtype:"password",
vtypeText:"两次密码不一致!",
confirmTo:"pass1",
anchor:"90%"
}
下面是API文档:
Properties Methods Events Direct Link
Class Ext.form.VTypes
Package: Ext.form
Defined In: VTypes.js
Class: VTypes
Extends: Object
* This is a singleton object which contains a set of commonly used field validation functions. The validations provided are basic and intended to be easily customizable and extended. To add your own custom VType:
Ext.apply(Ext.form.VTypes, {
IPAddress: function(v) {
return /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/.test(v);
},
IPAddressText: 'Must be a numeric IP address'
});
This class is a singleton and cannot be created directly.
Public Properties
Property Defined By
alphaMask : RegExp
The keystroke filter mask to be applied on alpha input
VTypes
alphaText : String
The error text to display when the alpha validation function returns false
VTypes
alphanumMask : RegExp
The keystroke filter mask to be applied on alphanumeric input
VTypes
alphanumText : String
The error text to display when the alphanumeric validation function returns false
VTypes
emailMask : RegExp
The keystroke filter mask to be applied on email input. See the email method for information about more complex ema...
The keystroke filter mask to be applied on email input. See the email method for information about more complex email validation.
VTypes
emailText : String
The error text to display when the email validation function returns false
VTypes
urlText : String
The error text to display when the url validation function returns false
VTypes
Public Methods
Method Defined By
alpha( String value ) : void
The function used to validate alpha values
The function used to validate alpha values
Parameters:
* value : String
The value
Returns:
* void
VTypes
alphanum( String value ) : void
The function used to validate alphanumeric values
The function used to validate alphanumeric values
Parameters:
* value : String
The value
Returns:
* void
VTypes
email( String value ) : void
The function used to validate email addresses. Note that this is a very basic validation -- complete validation per ...
The function used to validate email addresses. Note that this is a very basic validation -- complete validation per the email RFC specifications is very complex and beyond the scope of this class, although this function can be overridden if a more comprehensive validation scheme is desired. See the validation section of the Wikipedia article on email addresses for additional information.
Parameters:
* value : String
The email address
Returns:
* void
VTypes
url( String value ) : void
The function used to validate URLs
The function used to validate URLs
Parameters:
* value : String
The URL
Returns:
* void
分享到:
相关推荐
本篇文章将详细讲解如何利用Ext JS的Vtype(验证类型)来实现登录表单的验证功能。Ext JS是一个强大的JavaScript框架,提供了丰富的组件和功能,包括复杂的表单验证机制。 首先,理解Vtype的概念。Vtype是Ext JS中...
Ext 中的 xtype 和 vtype Ext 是一个功能强大的 JavaScript 框架,它提供了许多有用的组件和工具,使开发者可以快速构建复杂的 Web 应用程序。在 Ext 中,xtype 和 vtype 是两个非常重要的概念,它们分别用于定义...
`vtype`是EXT TextField的一个关键属性,用于定义输入字段的验证规则,确保用户输入的数据符合特定格式或条件。 EXT中的TextField支持多种vtype验证类型,这些类型提供了基础的数据验证功能,帮助开发者构建健壮的...
extjs 常用vtype 代码 Ext.VTyps常用vtype大全!
这通常通过扩展`Ext.form.field.VTypes`类来完成,然后在vtype属性中使用新创建的函数名。例如,如果你需要验证一个密码强度,可以创建一个新的vtype并设置`vtype: 'strongPassword'`。 4. **错误提示**:EXT表单...
4. **其他字段**: 除了上述字段外,还有名称、手机号和邮箱等字段,每个字段都有对应的验证规则,比如手机号必须符合特定格式(`vtype:"mphone"`),邮箱必须是有效的邮箱地址(`vtype:"email"`). #### 字段集 字段集...
3. **验证**:EXT提供了内置的验证功能,可以设置`vtype`属性来进行简单的类型验证,比如邮箱、电话号码等。例如,验证邮箱格式: ```javascript var emailField = new Ext.form.TextField({ fieldLabel: '邮箱', ...
在“EXT form小例子”中,我们将探讨EXTJS Form组件的基础用法,包括客户端验证和对`Ext.form.Vtype`的扩展。 1. EXTJS Form组件基础: - 表单创建:EXTJS中的表单通常通过`Ext.create`方法创建,如`Ext.create('...
4.7.3. 借助vtype 4.7.4. 自定义验证规则 4.7.5. 算不上校验的NumberField 4.8. 关于表单内部控件的布局问题 4.8.1. 什么都不做,默认的平铺布局 4.8.2. 分裂,分列 4.8.2.1. 分裂,分列。1.x 4.8.2.2. 分裂,分列。...
4.7.3. 借助vtype 4.7.4. 自定义验证规则 4.7.5. 算不上校验的NumberField 4.7.6. 使用后台返回的校验信息 4.8. 关于表单内部控件的布局问题 4.8.1. 什么都不做,默认的平铺布局 4.8.2. 分裂,分列 4.8.3. fieldset...
- `vtype`:内置的格式验证,例如`email`用于邮箱格式验证,`alpha`仅允许输入英文字母,`alphanum`允许字母和数字,`url`用于网址格式验证等。 - `regex`:自定义正则表达式进行复杂格式的验证。 表单的提交可以...
在Web开发领域,Ext JS是一个强大的JavaScript库,用于构建数据驱动的富客户端应用程序。它提供了丰富的用户界面组件,包括各种表单元素。本篇我们主要关注"Ext表单组件之textField",它是最基础也是最常用的输入...
EXT是从Ext JS库中的一部分,它提供了一套强大的前端开发工具,用于构建富客户端应用程序。在EXT中,`EXT.from`通常指的是一个表单组件,它允许用户输入数据并进行验证,然后可以将这些数据提交到服务器进行处理。在...
Vtype是Ext JS中的验证类型,用于在表单字段输入时进行实时验证。开发者可以定义或使用内置的vtypes,如email、url等,确保用户输入的数据符合预设格式。例如,为一个文本字段设置vtype="email",将自动检查输入...
- `vtype`: 验证类型,如email、url等,用于自动进行数据格式检查。 - `regex`: 正则表达式,自定义验证规则。 - `emptyText`: 输入框默认显示的提示文本,当输入框为空时显示。 3. **事件处理**: TextField...
ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解 一、去http://cksource.com/下载这两个东西 二、去http://www.extjs.com/下载ext-2.3.0 三、将ext-2.3.0、CKEditor 3.0.1、ckfinder_asp_1.4,取出解压后的...
`hiddenName`属性用于指定提交时与后台交互的字段名,而`vtype`则可以定义字段的验证规则,例如`specialChar`可能是一种自定义的验证规则,确保输入符合特定格式。 `showUserForm`函数展示了添加用户信息的表单。这...
### ExtJS3总结内容:深入理解xtype与vtype #### 概述 在ExtJS3框架中,`xtype`与`vtype`是两个关键的概念,它们分别用于组件类型的标识和表单验证规则的定义。本文将详细介绍`xtype`的使用,以及其在ExtJS3组件...
4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field.Radio单选框 4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 Ext.form.field.Trigger触发字段 4.1.10 Ext.form.field.Spinner微调字段 4.1.11 ...
userForm = new Ext.FormPanel({ id:'conditionForm', labelWidth:'80', labelAlign:'right', border:false, bodyBorder:false, frame:true, items:[ layout:'column', items:[ { columnWidth:'.8', ...