基于AJAX的表单验证需要先安装DWR,在http://getahead.ltd.uk/dwr/download上下载DWR 2.0 RC 2,将dwr.jar拷贝到WEB-INF/lib目录下
1.修改web.xml,另入DWR支持:
xml 代码
- <servlet>
- <servlet-name>dwr<!---->servlet-name>
- <servlet-class>
- org.directwebremoting.servlet.DwrServlet
- <!---->servlet-class>
- <init-param>
- <param-name>debug<!---->param-name>
- <param-value>true<!---->param-value>
- <!---->init-param>
- <!---->servlet>
- <servlet-mapping>
- <servlet-name>dwr<!---->servlet-name>
- <url-pattern>/dwr/*<!---->url-pattern>
- <!---->servlet-mapping>
2.在WEB-INF目录下新建dwr.xml文件:
xml 代码
- xml version="1.0" encoding="UTF-8"?>
- "http://getahead.ltd.uk/dwr/dwr20.dtd">
- <dwr>
- <allow>
- <create javascript="validator" creator="new">
- <param name="class"
- value="org.apache.struts2.validators.DWRValidator" />
- <!---->create>
- <convert converter="bean"
- match="com.opensymphony.xwork2.ValidationAwareSupport" />
- <!---->allow>
-
- <signatures>
- <!---->
- <!---->signatures>
- <!---->dwr>
3.在login.jsp中添加AJAX验证支持,修改后的login.jsp内容如下:
java 代码
- 1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
- 2. <%@taglib prefix="s" uri="/struts-tags"%>
- 3.
- 4.
- 5. "ajax" />
- 6.
- 7.
- 8.
- 9. "login" method="post" theme="ajax">
- 10. "用户名" name="username" />
- 11. "密码" name="password" />
- 12. "登录" />
- 13.
- 14.
- 15.
注意上面的<s:head theme="ajax" />,它为页面使用AJAX验证准备相应的Scripts代码。<o:p></o:p>
4.配置validation.xml:
xml 代码
- xml version="1.0" encoding="UTF-8"?>
- "-//OpenSymphony Group//XWork Validator 1.0.2//EN"
- "http://www.opensymphony.com/xwork/xwork-validator-1.0.2.dtd">
- <validators>
- <field name="username">
- <field-validator type="requiredstring">
- <message>请输入用户名<!---->message>
- <!---->field-validator>
- <!---->field>
-
- <field name="password">
- <field-validator type="requiredstring">
- <message>请输入密码<!---->message>
- <!---->field-validator>
- <field-validator type="stringlength">
- <param name="minLength">6<!---->param>
- <param name="maxLength">10<!---->param>
- <message>密码长度只能在 ${minLength} 和 ${maxLength} 之间.<!---->message>
- <!---->field-validator>
- <!---->field>
- <!---->validators>
这样就为JSP页面提供了基于AJAX的验证。
分享到:
相关推荐
struts2与dwr结合的工具之一,这个是新从官方网站下载的,与大家分享,希望对你们有效。
- **异步表单提交**:Struts2允许以异步的方式提交表单数据,这减少了页面的重载次数,提高了用户体验。 - **事件模型**:Struts2提供了类似于发布/订阅(pub-sub)的事件模型,使得处理多组件间的交互变得更加灵活...
在"**dwr-struts-示例**"中,我们看到的是一个展示了如何将DWR集成到Struts框架中的实际案例。这个示例主要包含以下几个关键知识点: 1. **DWR的配置**: - 在`dwr.xml`配置文件中,定义允许客户端调用的服务器端...
spring-dwr-2.0.xsd spring 与 DWR进行配置
struts2-dwr-plugin-2.1.6.jar
Struts2、Webwork2 和 DWR 是三个在 Web 开发领域中至关重要的技术,尤其在构建企业级的 WEB2.0 应用程序时。接下来,我们将详细探讨这三个技术的核心概念、工作原理以及它们之间的关系。 **Struts2** 是一个基于 ...
综上所述,"DWR与SPRING,DWR与STRUTS2的整合"主题涵盖了现代Java Web开发中重要的三个方面:DWR的实时通信能力、Spring的全面后端支持和Struts2的MVC架构。通过整合这三者,开发者可以构建出具有高效交互、灵活管理...
【标题】"Web开发实例(DWR+Struts2)"揭示了一个综合性的Web应用程序开发案例,其中结合了Direct Web Remoting (DWR) 和Struts2框架。DWR是一种JavaScript库,它允许在浏览器和服务器之间进行实时、异步的通信,从而...
在本项目"Struts2_Dwr"中,我们将看到如何整合这两个工具来实现一个登录验证系统。 Struts2是一个基于MVC设计模式的Java Web应用框架,它提供了强大的控制层结构,用于处理用户请求、业务逻辑和视图展示。Struts2的...
2. **Struts2文件上传插件**:Struts2有一个内置的文件上传插件,使用`<s:file>`标签可以方便地在表单中添加文件选择控件。上传时,需要配置`struts.xml`,指定Action的接收方法以及临时文件存储路径。 3. **DWR库*...
DWR+Struts+spring+hibernate的订货系统,自己添加的dwr功能
\第五部分ajax\第15章 AJAX--dwr开发及应用\第15章 AJAX--dwr开发及应用.ppt )
本项目名为"ext-dwr-hibernate",其核心是将三个重要的Java Web开发组件——EXT(一个富客户端JavaScript库)、Direct Web Remoting (DWR) 和 Hibernate(一个对象关系映射框架)进行整合。下面我们将详细探讨这三个...
【SSH-DWR】框架组合是Java Web开发中的经典选择,主要由Spring、Hibernate和Struts2以及Direct Web Remoting (DWR)四个组件构成。这是一个高效且灵活的架构,广泛应用于企业级应用开发,尤其是人力资源管理系统。...
而“dwr”目录很可能包含了一个完整的DWR-Struts2示例项目,包括源码、配置文件以及相关的HTML和JavaScript文件。 在实际使用中,开发者需要配置DWR的ContextListener以启动DWR服务,并在web.xml中注册。然后,定义...
2. **建立数据库连接**:在服务器端,我们需要配置DWR以连接到数据库,这通常涉及到创建DAO(数据访问对象)类,用于执行SQL查询并与数据库进行交互。 3. **实现AJAX-DWR交互**:在HTML页面中,我们有两个下拉框,...
2. **DWR配置**:在DWR的配置文件中声明这些Java接口,让DWR知道哪些方法可以被客户端调用。 3. **客户端代码**:在HTML页面中引入DWR的JavaScript库,然后创建ExtJS的TreePanel,并设置其数据源为DWR调用返回的...
SSH代表Spring、Struts和Hibernate,这三个框架分别负责控制层、视图层和持久层的管理,而DWR(Direct Web Remoting)则是一个JavaScript库,用于在浏览器和服务器之间进行实时的、异步的数据交换。现在我们来详细...
在项目实践中,DWR常用于实时数据显示、表单验证、动态表格填充等场景。例如,一个简单的使用DWR实现的搜索功能,用户输入关键字后,服务器端通过DWR接收到请求,查询数据库,然后将结果返回给前端,更新搜索结果...
本示例"ext-dwr-spring集成Demo"就是一种将三个重要技术组件——EXT、Direct Web Remoting (DWR) 和Spring框架融合的实践。EXT是一个强大的JavaScript库,用于构建富客户端BS(Browser-Server)架构的应用;DWR则...