`

Dojo登陆表单代码

    博客分类:
  • Dojo
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>&#26080;&#26631;&#39064;&#25991;&#26723;</title>
<link rel="stylesheet" type="text/css" href="../js/dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css" href="../js/dojo/resources/dojo.css" />

<style type="text/css">
	h3 {
	margin: 10px;
	}
	label, input {
	display:block;
	float:left;
	margin-bottom:5px;
	}
	label {
	text-align:right;
	width:70px;
	}
	br {
	clear:left;
	}
	.grouping {
	width:300px;
	border:solid 1px rgb(230,230,230);
	padding:5px;
	margin:10px;
	}
</style>

<script type="text/javascript"  src="../js/dojo/dojo.js" djConfig="parseOnLoad: true">
</script>

<script type="text/javascript">
	dojo.require("dojo.parser");
	dojo.require("dijit.form.TextBox");
	dojo.require("dijit.form.ValidationTextBox");
	dojo.require("dijit.form.Button");
</script>
</head>

<body class="tundra">
<h3>Sign-Up for out greater offers:</h3>
<form id="registration_form">
	<div class="grouping">
		<label>First Name:</label>
		<input type="text" maxlength="25" name="first" dojoType="dijit.form.TextBox"  trim="true" propercase="true" /><br />
		
		<label>Last Name: </label>
		<input type="text" maxlength="25" name="last" dojoType="dijit.form.TextBox" trim="true" propercase="true" /><br />
		
		<label>Your Email:</label>
		<input type="text" maxlength="25" name="email" dojoType="dijit.form.ValidationTextBox" trim="true" lowercase="true" regExp="[a-z0-9._%+-]+@[a-z0-9-]+\.[a-z]{2,4}"
		 required="true" invalidMessage="Please enter a valid e-mail address" /><br />
		
		<button dojoType="dijit.form.Button" onClick="alert('Boo!')">Sign Up!</button>
	</div>
</form>
</body>
</html>
分享到:
评论

相关推荐

    Dojo权威指南源代码

    2. **Dojo部件(Widgets)**:Dojo提供了丰富的UI部件,如按钮、表单元素、布局容器等,这些都是基于dojo/_base/Widget基类构建的。通过研究example_code,你可以了解到如何创建和使用自定义部件。 3. **dojo/dom和...

    DOJO源代码

    **DOJO 源代码详解** Dojo 是一个开源的 JavaScript 库,它为 Web 开发提供了丰富的功能和工具,包括 UI 控件、模块管理、数据处理和动画效果等。这个压缩包包含了 Dojo 的源代码及其示例,是深入理解 Dojo 工作...

    精通dojo 代码 javascript库

    书中会涵盖闭包、原型链、作用域、异步编程等JavaScript核心概念,确保读者能够熟练地运用这些知识来编写高效、可维护的Dojo代码。 Dojo的DOH测试框架也是其重要组成部分,用于单元测试和集成测试,保证代码质量。...

    DOJO TableContainer实现表单布局.js

    DOJO TableContainer实现表单布局.js

    学习dojo时用到的一些代码,仅供分享

    在"rgdojo-code.tgz"和"rgdojo-code.zip"这两个文件中,可能包含了一些实际的Dojo代码示例,可能涵盖了上述概念的运用。你可以通过解压并查看这些文件,了解如何在实际项目中使用Dojo进行开发。这些示例可能是从基础...

    AJAX DOJO0.3 源代码

    **AJAX DOJO 0.3 源代码解析** AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下,与服务器交换数据并更新部分网页的技术。Dojo Toolkit 是一个强大的JavaScript库,它提供了AJAX功能以及...

    dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程

    5. **dojo/Widget**:Dojo提供了丰富的UI组件,如按钮、表单、对话框等,它们都继承自`dojo/_base/widget.Widget`。开发者可以通过`dojo/_base/lang.extend`扩展自定义组件。 6. **dojo/Stateful**:这个基类提供了...

    AJAX之Dojo实现登陆框

    【描述】"AJAX之Dojo实现登陆框"的描述可能是指通过Dojo库中的AJAX功能,创建一个无刷新的登录表单。登录框通常包含用户名和密码字段,用户输入后,点击登录按钮,数据通过AJAX发送到服务器验证。如果验证成功,用户...

    dojo 源码1.7汇总

    Dijit 是Dojo 提供的一个强大的UI 框架,包含了各种预先构建的可复用组件,如按钮、表单、布局和对话框等。在Dojot 1.7 中,Dijit 组件经过了优化,不仅性能更好,而且与AMD 模块系统更好地集成,允许开发者更灵活地...

    DOJO权威指南+DOJO1.1源码

    Dijit是DOJO提供的UI库,包含各种可复用的用户界面组件,如按钮、表单、面板、树形视图等。Dijit组件基于dojo/_base和dojo/dom,具有良好的主题化和本地化能力。 5. **DOJO的DojoX扩展** DojoX是DOJO的扩展库,...

    dojo官网的源码dojo官网的源码

    1. **模块系统**:Dojo的模块系统是基于AMD(Asynchronous Module Definition)规范的,它允许异步加载和组织代码,使得大型项目管理更加高效。`dojo/_base/kernel`是Dojo的核心模块,定义了基本的命名空间和加载...

    精通Dojo 随书源码

    Dojo的`dojo/require`和`dojo/ready`函数是启动应用程序的关键,它们确保在DOM加载完毕后执行指定的代码。此外,`dojo/on`用于事件监听,而`dojo/dom-geometry`和`dojo/dom-style`则帮助处理页面元素的布局和样式。 ...

    dojo源码

    1. JavaScript库:JavaScript库是一种预先编写好的代码集合,它简化了JavaScript编程,提供了许多实用的功能,如Dojo中的DOM操作、AJAX通信、动画等。Dojo作为一个成熟的库,其设计理念是提供一个全面、可扩展且高...

    dojo 学习笔记 表单 树形列表

    基本的表单验证 和前一个树形菜单 大多数例子是基于 PHP 的 发现很多 dojo 学者想下载 dojo 的API…… 结论是:下不到的! 发现很多想下载一些帮助例子,在http://download.dojotoolkit.org/ 下才能找到,进去点...

    dojo 离线API

    Dojo的核心特性之一是它的模块系统,称为AMD(Asynchronous Module Definition),这是一种异步模块加载机制,允许开发者按需加载和组织代码,提高页面性能。AMD通过`require`和`define`函数来实现模块的定义和依赖...

    dojo实现登陆框架

    dojo 实现登陆框架 浪曦的那个谁讲的我忘了饿

    dojo1.4.1代码下载

    8. **Widget系统**:Dojo 的核心特性之一是其强大的组件化能力,`dijit`模块包含了许多可复用的UI小部件,如按钮、表单控件、布局组件等,它们具有丰富的样式和交互性。 9. **主题**:Dojo 的dijit小部件支持多种...

    DOJO 学习笔记 dojo

    在 Dojo 中,模块和包的概念是核心组成部分,它们帮助开发者组织和管理代码,使其更易于维护和重用。 模块(Module)是 Dojo 中的独立代码单元,每个模块代表一个特定的功能或者一组相关的函数和对象。通过使用模块...

    dojo-release-1.9.0-src.zip dojo javascript库源码

    Dojo 是一个强大的JavaScript工具包,它为Web开发提供了丰富的功能和组件,包括DOM操作、事件处理、Ajax交互、动画效果、模块化编程等。在"dojo-release-1.9.0-src.zip"这个压缩包中,我们获取的是Dojo 1.9.0版本的...

    dojo中文文档-dojo手册

    通过使用dojo.require和dojo.provide,开发者可以实现代码的模块化,提高代码复用性和可维护性。 Dojo的dojo.query方法类似于jQuery的选择器,用于选取页面中的DOM元素。此外,Dojo还提供了一套强大的DOM操作API,...

Global site tag (gtag.js) - Google Analytics