//自定义Vtype验证----验证密码是否一致
Ext.apply(Ext.form.VTypes,{
//验证方法
password:function(val,field){//val指这里的文本框值,field指这个文本框组件
if(field.password.password_id){
//password是自定义的配置参数,一般用来保存另外的组件的id值
var pwd=Ext.get(field.password.password_id);//取得user_password的那个id的值
return (val==pwd.getValue());//验证
}
return true;
},
//验证提示错误提示信息(注意:方法名+Text)
passwordText: "两次密码输入不一致!"
});
/*简单代码。。。。。。
{
xtype:"textfield",
name:'user_password',
id:'user_password',
fieldLabel:'密码',
inputType:'password',
allowBlank:false,
blankText:'密码不可为空'
},{
xtype:"textfield",
name:'vtype_user_password',
inputType:'password',
fieldLabel:'确认密码',
password:{password_id:'user_password'},
vtype:'password'
}
*/
分享到:
相关推荐
9. **插件和扩展**:EXT社区提供了许多表单验证相关的插件和扩展,如`Ext.form.field.Picker`,用于下拉选择验证,以及`Ext.form.field.HtmlEditor`,用于富文本编辑器的验证。 10. **实际应用**:在实际项目中,...
10. **表单组件**:GXT提供了丰富的表单控件,如文本框、下拉框、日期选择器等,支持表单验证和数据提交。 通过阅读EXT-GWT(GXT) 2.2.3 API DOC.chm,开发者可以了解每个类和方法的详细说明,包括参数类型、返回值...
6. **表单组件**:Ext JS提供了丰富的表单组件,如文本字段、日期选择器、下拉列表等,以及表单验证和提交功能,简化了Web表单的创建。 7. **拖放功能**:支持拖放操作,使得用户可以通过简单的鼠标操作在界面上...
6. **表单处理**:Ext-js 2.2 包含强大的表单组件和表单处理功能,支持各种输入控件、验证和数据提交。 7. **图表组件**:虽然在2.2版本中图表功能可能相对有限,但仍然提供了基础的图表展示,为数据可视化提供了...
EXT.form组件是EXT JS库中用于构建表单界面的核心组件集合。这些组件提供了一系列丰富的控件,用于创建具有不同功能的交互式表单。在EXT JS中,表单组件不仅包含基本的输入字段,还支持复杂的输入类型和验证机制。 ...
Ext JS 是一个强大的JavaScript应用程序框架,它提供了丰富的用户界面组件,包括各种各样的表单字段。在本案例中,我们关注的是"Ext-datatimefield日期与时间选择器",这是一个用于选择日期和时间的控件,适用于需要...
2. **表单字段(Form Fields)**:包括文本字段(TextField)、密码字段(PasswordField)、选择框(Checkbox)、复选框组(CheckboxGroup)、单选框(RadioButton)、下拉列表(ComboBox)、日期选择器(DateField...
在EXTJS 2.3.0中,`Ext.form.FormPanel`是创建表单的主要工具,它包含了各种表单字段,如文本框、复选框、下拉框等。表单支持数据验证,可以与数据存储进行双向绑定,实现数据的即时更新。 此外,EXTJS的AJAX功能...
例如,对于`Ext_TextField表单验证.xls`文件,它可能是包含EXT表单验证示例的电子表格,详细列出了不同vtype的使用方法和效果,这对于学习和参考EXT表单验证非常有帮助。 总而言之,EXT表单验证中的TextField组件...
4. **表单组件**:ExtJS提供了强大的表单组件,包括文本框、下拉框、复选框、单选按钮等,且支持验证和自定义布局,使得创建复杂的表单变得容易。 5. **布局管理**:3.2.1版本的ExtJS有多种布局方式,如Fit布局、...
1. **基本用法**:最简单的使用方式是在表单(`Ext.form.Panel`)中创建一个`Ext.form.TextField`,用于用户输入文本。例如: ```javascript var form = new Ext.form.Panel({ items: [{ xtype: 'textfield', ...
综上所述,“EXT form小例子”涵盖了EXTJS Form组件的基本用法和验证机制,特别是客户端验证和`Ext.form.Vtype`的扩展应用,对于理解和实践EXTJS表单开发具有很好的指导价值。通过深入学习和实践这些知识点,开发者...
- 涵盖了EXT中表单组件的创建和使用,包括字段验证、数据绑定等高级特性。 #### 8.2 XTemplate与DataView - 解析XTemplate语法,演示如何使用DataView进行数据展示和操作。 #### 8.3 EXT中的继承 - 探讨EXT框架内...
TextField经常与`Ext.form.FormPanel`一起使用,形成完整的表单。在表单中,每个TextField作为表单的一个字段,可以通过`FormPanel`的`getForm().load()`和`submit()`方法进行数据加载和提交。 6. **示例代码**: ...
- **自定义组件**:指导如何根据项目需求扩展或自定义EXT提供的现有组件。 - **步骤详解**:详细介绍了从创建新文件到实现功能的完整流程。 #### 13. EXT的布局(Layout) - **布局管理**:EXT提供了多种布局管理...
Ext Form还包含了自定义表单字段、联动控制等高级特性。 对于数据管理,Ext 2.1提供了Store对象,它可以存储和管理数据,与服务器进行异步通信。Store可以连接到各种数据源,如JSON、XML或CSV,并且与数据网格、...
7. **工具集**:附带的工具集包括了拖放支持、表单验证、图表等,丰富了开发选项。 在使用EXTJS 2.2时,开发者需要了解JavaScript基础,熟悉DOM操作,并且可能需要学习EXTJS特有的API和编程模式。此外,由于EXTJS ...
4. **Form Components**:EXT提供了丰富多样的表单组件,如文本框、下拉框、日期选择器等,支持验证和远程提交,使得创建交互式表单变得简单。 5. **Ajax通信**:EXT内置了Ajax处理机制,通过`Ext.Ajax`对象可以...
"Ext Form GridPanel"是Ext JS库中的一个重要组件,它结合了表格(Grid)和表单(Form)的功能,提供了一种强大而灵活的方式来显示和编辑数据。在Web应用程序开发中,这种组件常用于数据录入和展示,尤其适用于处理...
在Ext.js中,`DataTimeField`是`Ext.form.field.Date`和`Ext.form.field.Time`的扩展,它将日期选择器和时间选择器合二为一。这个组件通常用于需要用户输入特定日期和时间的表单中,如预约系统、日程安排或会议计划...