<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>validate.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css">
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
// 非空验证，通过allowBlank:false实现
var name = new Ext.form.TextField(
{
name:"name",
fieldLabel:"用户名",
allowBlank:false,
blankText:"用户名不能为空！",
width:300,
renderTo:document.body
}
);
// 长度验证
var pwd = new Ext.form.TextField(
{
name:"pwd",
fieldLabel:"密码",
inputType:"password",
minLength:6,
maxLength:16,
minLengthText:"密码至少6位！",
maxLengthText:"密码最多16位！",
width:300,
renderTo:document.body,
allowBlank:false,
blankText:"密码不能为空！"
}
);
// vtype验证。可以验证包含以下：1.字母和下划线(alpha)。2.字母、数字、下划线(alphanum)。3.邮箱(email)。4.网址(url)
var url = new Ext.form.TextField(
{
name:"url",
fieldLabel:"网址",
allowBlank:false,
blankText:"网址为必输项！",
vtype:"url",
vtypeText:"您的网址输入有误！",
width:300,
renderTo:document.body
}
);
// 正则表达式验证
var file = new Ext.form.TextField(
{
name:"name",
fieldLabel:"Name",
width:300,
allowBlank:false,
blankText:"name字段不能为空！",
renderTo:document.body,
regex:/^w{8,}$/,//至少6个字符
invalidText:"请输入至少8这个字符！"
}
);
});
</script>
</head>
<body>
</body>
</html>
qincidong
- 浏览: 239011 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (295)
- 数据库 (44)
- Java Web (26)
- Js+Css+Html (52)
- 证券 (1)
- 技术书籍 (2)
- Log4j (2)
- 收发邮件 (3)
- UML (6)
- tomcat (1)
- 开发工具 (21)
- java基础 (46)
- 设计模式 (2)
- Java Web Start (2)
- 即时通信解决方案 (2)
- Ant (7)
- 持续集成 (1)
- android (10)
- Ibatis (2)
- WebService (2)
- Ext (42)
- Ejb (2)
- flex (2)
- struts (5)
- dwr (1)
- 一笑而过 (2)
- FreeMarker (1)
- excel (2)
- hibernate (2)
- Jbpm (1)
- spring (1)
- Windows7 仿 WindowsXP 风格的主题 . (0)
- 情感 (0)
- 平安业务知识 (1)
- 报表 (2)
- 集群/负载均衡 (1)
- Linux (1)
- 单元测试 (1)
- Html5&Css3 (5)
最新评论
-
guji528：
很前面，不错
StarUML使用说明-指导手册 -
qincidong：
freezingsky 写道忘记是tomcat5还是5以前的版 ...
让Tomcat支持目录浏览 -
freezingsky：
忘记是tomcat5还是5以前的版本，默认是开启目录浏览的。那 ...
让Tomcat支持目录浏览 -
314649444：
不错，挺实用的 配置
让Tomcat支持目录浏览
分享到：
发表评论
-
EXT事件队列
2011-09-02 23:14 435<!DOCTYPE HTML PUBLIC & ... -
Ext方法重写
2011-09-02 23:15 353var Person = function(cfg){ ... -
Ext类继承
2011-09-02 23:15 392var Person = Ext.emptyFn; E ... -
Ext类别名
2011-09-02 23:16 489Ext.namespace("com.ext ... -
Ext命名空间别名
2011-09-02 23:17 297Ext.namespace("com.extjs. ... -
Ext类的构造方法
2011-09-02 23:17 380// 类的构造方法 // _cfg实际上就是对象初始化 ... -
Ext类静态方法
2011-09-02 23:18 339var Student = function(){} ... -
Ext为类增加属性和方法
2011-09-02 23:19 402//在类Person上增加一个属性id，值为1001， ... -
Ext命名空间
2011-09-02 23:20 281// 命名空间，类似Java中的包。 Ext.name ... -
ext--Ajax
2012-05-21 22:03 463<!DOCTYPE HTML PUBLIC " ... -
ext--tablepanel
2012-05-21 22:03 598<!DOCTYPE HTML PUBLIC " ... -
ext--form
2012-05-21 22:04 406<!DOCTYPE HTML PUBLIC " ... -
ext--form layout
2012-05-21 22:05 383<!DOCTYPE HTML PUBLIC " ... -
ext--表单初始化
2012-05-21 22:06 831<!DOCTYPE HTML PUBLIC " ... -
ext--window
2012-05-21 22:08 542<!DOCTYPE HTML PUBLIC " ... -
ext--panel
2012-05-21 22:08 560<!DOCTYPE HTML PUBLIC " ... -
ext--下拉列表
2012-05-21 22:09 4561.本地数据 <!DOCTYPE HTML P ... -
ext--消息框
2012-05-21 22:12 447<!DOCTYPE HTML PUBLIC " ... -
ext--消息框2
2012-05-21 22:12 617<!DOCTYPE HTML PUBLIC " ... -
ext--悬停提示
2012-05-21 22:13 423<!DOCTYPE HTML PUBLIC " ...
相关推荐
4. **表单增强**：可能提供了高级的表单验证、动态表单布局或与后端服务的集成，使得表单操作更加便捷和灵活。 5. **交互和动画**：可能包含新的交互效果和动画库，提升用户界面的动态表现力。 6. **性能优化**：...
10. **表单组件**：GXT提供了丰富的表单控件，如文本框、下拉框、日期选择器等，支持表单验证和数据提交。 通过阅读EXT-GWT(GXT) 2.2.3 API DOC.chm，开发者可以了解每个类和方法的详细说明，包括参数类型、返回值...
6. **表单组件**：Ext JS提供了丰富的表单组件，如文本字段、日期选择器、下拉列表等，以及表单验证和提交功能，简化了Web表单的创建。 7. **拖放功能**：支持拖放操作，使得用户可以通过简单的鼠标操作在界面上...
6. **表单处理**：Ext-js 2.2 包含强大的表单组件和表单处理功能，支持各种输入控件、验证和数据提交。 7. **图表组件**：虽然在2.2版本中图表功能可能相对有限，但仍然提供了基础的图表展示，为数据可视化提供了...
1. JavaScript文件：负责页面的交互逻辑，如表单验证、数据加载和用户操作响应。 2. CSS文件：定义了web界面的样式和布局，使得用户界面美观易用。 3. 图像文件：用于图标、按钮和其他UI元素。 4. HTML模板：构建...
EXT-1.0提供了强大的表单组件和验证功能。开发者可以轻松创建包含多种输入类型的表单，并进行前端验证，确保用户输入的数据有效。 8. **Grid组件** EXT-1.0的Grid组件是用于显示大量结构化数据的重要工具。它可以...
4.1.1a可能增强了表单验证和提交功能。 7. **Ajax和RESTful接口**：ExtJS方便与服务器端进行异步通信，支持JSONP和XML格式的数据交换，4.1.1a版本可能优化了对RESTful API的支持。 8. **触摸支持**：随着移动设备...
6. **表单组件**：提供了丰富的表单元素和验证机制，如文本输入框、选择框、下拉列表等，支持表单的提交、验证和数据处理。 7. **DOM操作**：提供了便利的DOM操作接口，如查找、添加、删除和修改DOM节点，使得对...
8. **表单组件**：EXTJS的表单组件功能强大，支持多种输入控件，如文本框、下拉列表、日期选择器等，以及表单验证和数据提交。 9. **拖放功能**：3.4.0版本支持拖放操作，使得用户可以方便地在界面上移动和排列组件...
Ext JS 是一个强大的JavaScript应用程序框架，它提供了丰富的用户界面组件，包括各种各样的表单字段。在本案例中，我们关注的是"Ext-datatimefield日期与时间选择器"，这是一个用于选择日期和时间的控件，适用于需要...
在EXTJS 2.3.0中，`Ext.form.FormPanel`是创建表单的主要工具，它包含了各种表单字段，如文本框、复选框、下拉框等。表单支持数据验证，可以与数据存储进行双向绑定，实现数据的即时更新。 此外，EXTJS的AJAX功能...
表单组件则可以用于数据输入和验证，方便用户进行信息录入。 其次，该管理系统可能使用了Ext-JS的数据模型和Store机制，实现了数据的远程加载和实时更新。Store可以与服务器端进行异步通信，通过Ajax请求获取或更新...
- **表单组件**：EXTJS的表单组件用于收集用户输入，了解如何创建表单、添加字段、验证数据等。 - **Ajax通信**：掌握如何使用EXTJS的Ajax请求来与服务器进行数据交互，如使用AjaxProxy与EXTJS的数据存储配合。 - ...
EXT-desktop 是一个基于 ExtJS 的桌面应用程序框架，它允许开发者创建具有类似桌面应用风格的Web应用，提供丰富的用户界面和交互体验。Struts2 是一个非常流行的 Java Web 框架，用于构建 MVC（Model-View-...
4. **表单组件**：ExtJS提供了强大的表单组件，包括文本框、下拉框、复选框、单选按钮等，且支持验证和自定义布局，使得创建复杂的表单变得容易。 5. **布局管理**：3.2.1版本的ExtJS有多种布局方式，如Fit布局、...
EXT表单验证是EXT JS框架中的一个重要特性，用于在用户输入数据时确保数据的正确性和完整性。EXT JS是一个强大的JavaScript库，专为构建富客户端Web应用程序而设计。它提供了丰富的组件库，包括表格、表单、菜单等，...
Ext Direct通常用于需要大量异步交互的Web应用，比如CRUD（创建、读取、更新、删除）操作，图表和数据网格的实时刷新，以及复杂的表单处理。它适合那些需要高性能、低延迟且易于维护的前后端交互的项目。 7. **...
5. **表单（Forms）**：EXT提供了丰富的表单组件和表单处理功能，如文本框、下拉框、复选框等，以及表单验证和提交机制。 6. **工具栏（Toolbars）**：EXT的工具栏组件可以轻松添加各种按钮、菜单和分割线，为用户...
- 涵盖了EXT中表单组件的创建和使用，包括字段验证、数据绑定等高级特性。 #### 8.2 XTemplate与DataView - 解析XTemplate语法，演示如何使用DataView进行数据展示和操作。 #### 8.3 EXT中的继承 - 探讨EXT框架内...
在EXT-js中，我们可以创建复杂的用户界面，包括表格、面板、表单等，并且可以方便地处理AJAX请求。 然而，描述中提到的“对中文目录还不支持”是一个常见的问题，这通常涉及到字符编码的问题。在PHP中，遍历目录时...