首先先来看代码:
Ext.onReady(function(){
Ext.QuickTips.init();//初始化错误提示信息(气球提示信息)
var info_form = new Ext.FormPanel({
renderTo : Ext.getBody(),
frame : true,
title : '信息校验',
width : 250,
items : [{
xtype : 'textfield',
fieldLabel : 'Title',
name : 'title',
allowBlank : false
},{
xtype : 'textfield',
fieldLabel : 'Director',
name : 'director',
vtype : 'alpha'//内置校验,校验和约束用户的输入
},{
xtype : 'datefield',
fieldLabel : 'Released',
name : 'released',
disabledDays : [1,2,3,4,5]
}]
});
});
配置项:
url:让表单知道提交的地址
renderTo:定义form渲染显示的位置
items:定义表单中包含的字段集合,它是一个数组
效果图见附件
- 大小: 2.3 KB
分享到:
相关推荐
5. **表单元素**:深入探讨表单(Form)的创建,包括各种表单字段(TextField、ComboBox、DateField等)的使用及验证规则。 6. **Ajax交互**:讲解如何利用Ext.Ajax进行异步数据请求,实现服务器端数据的增删查改。 ...
8. **表单处理**:EXTJS的表单组件强大,支持多种表单元素,同时支持验证和远程提交。 9. **拖放功能**:EXTJS支持拖放操作,使用户可以自由组织界面元素。 10. **国际化支持**:EXTJS允许开发者方便地实现多语言...
### Extjs 表单验证详解 #### 一、引言 在现代Web开发中,确保用户输入的有效性和安全性至关重要。Extjs作为一种强大的JavaScript框架,提供了丰富的功能来帮助开发者轻松实现客户端验证。本文将深入探讨Extjs中的...
它提供了丰富的组件库,包括表格、面板、表单、图表等,以及强大的数据绑定机制和布局管理,使得开发者能够创建功能强大的、交互性强的前端界面。ExtJS 4 版本带来了许多改进,如新的布局系统、优化的性能以及更好的...
3. **表单验证**:可以使用Struts2的内置验证机制,通过注解或XML配置进行表单验证。 **四、表单提交与处理** 1. **异步提交**:使用ExtJS的`form.submit`方法,可以实现Ajax方式的表单提交,无需刷新整个页面。 2...
4. **表单组件**:ExtJS提供了强大的表单组件,包括文本框、下拉框、复选框、单选按钮等,且支持验证和自定义布局,使得创建复杂的表单变得容易。 5. **布局管理**:3.2.1版本的ExtJS有多种布局方式,如Fit布局、...
- **强大的用户界面组件库**:ExtJS提供了丰富的UI组件,如窗口、表格、表单等,这些组件具有高度的可定制性和可扩展性。 - **跨浏览器兼容性**:ExtJS确保了在不同浏览器中的表现一致性,支持IE6+、Firefox1.5+(PC...
- 使用Struts拦截器处理权限验证,确保只有已登录的用户才能发布或查看小纸条。 - 对敏感数据进行加密,如用户的登录信息。 - 对数据库查询进行优化,避免全表扫描,提高查询效率。 9. **部署与测试** 将编译后...
EXTJS表单验证主要依赖于`Ext.form.field.Base`组件,它是所有表单字段的基础类。每个表单字段都可以配置验证规则,通过`vtype`属性定义基本的验证类型,或者使用`validators`属性自定义验证函数。对于特殊字符的...
7. **表单(Forms)**:ExtJS的表单组件丰富,包括文本框、选择框、日期选择器等,支持复杂的表单布局和验证规则。 8. **工具栏和菜单(Toolbars & Menus)**:提供创建顶部和底部工具栏以及下拉菜单的能力,用于...
4. **表单处理**:ExtJS 对表单的处理非常强大,支持各种表单元素和验证机制。可能在6.2.0中,表单组件的功能得到了增强,例如增加了新的表单字段类型或改进了表单的提交和验证流程。 5. **布局管理**:布局是控制...
总结来说,ExtJS表单验证提供了丰富的选项,从基础的空验证和简单的vtype验证,到自定义函数验证和正则表达式验证,几乎可以覆盖所有常见的验证需求。通过这些验证方式,开发者可以确保用户输入的数据既安全又符合...
ExtJS的表单组件包括文本框、密码框、下拉列表、复选框、单选按钮等,支持复杂的表单验证,可以轻松实现前端的数据验证。 **Servlet简介** Servlet是Java中用于处理HTTP请求的服务端组件,常用于Web应用开发。它...
表单验证是确保用户输入符合预设规则的关键部分。ExtJS提供内置的验证功能,可以在字段级别或表单级别设置验证规则。 在这个案例中,`importFormPanel.js`可能是实现这些功能的脚本文件。它可能包含了创建表单、...
通过以上详细介绍,我们可以看到ExtJS为Web开发人员提供了丰富的表单处理功能,不仅涵盖了基本的表单操作,还提供了高级的数据验证和用户交互机制。开发者可以根据自己的需求灵活配置这些选项,构建出高效且用户友好...
3. **表单验证与提交**:在`subjectForm`函数中,使用`myform.getForm().isValid()`检查表单是否有效,如果有效,则通过`form.submit()`方法提交表单数据,设置等待消息、超时时间、成功和失败回调。成功回调会根据...
在“ExtJs4.0 表单提交Demo”中,我们将深入探讨如何在ExtJs 4.0环境下,通过Ext Ajax模块实现表单的数据提交,同时实现显示层和控制层的分离,提升代码的可维护性和可扩展性。 1. **ExtJs 4.0 表单基础** ExtJs ...
1. **ExtJS表单验证**: - 表单是任何应用程序中的关键组成部分,尤其是涉及到用户输入数据时。ExtJS提供了一个强大的表单系统,可以方便地创建、管理并验证用户输入。 - 验证可以在客户端完成,这样可以立即向...
下面将从几个方面展开讨论:ExtJs表单的基本概念、获取表单元素值的方法、实际应用中的技巧以及一些进阶用法。 ### 一、ExtJs表单的基本概念 ExtJs是一款基于JavaScript的开源前端框架,用于构建交互式的Web应用...
它管理表单的提交、验证等功能。 - **表单字段**: - `Ext.form.field.Text`:用于输入单行文本。 - `Ext.form.field.TextArea`:用于输入多行文本。 - `Ext.form.field.Number`:用于输入数字。 - `Ext.form....