`
serenity
  • 浏览: 62445 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

转: 数据校验功能-AJAX输入校验(9)下

AjaxJSPStruts浏览器HTML 
阅读更多

7.4.4  建立JSP视图

建立一个reg-ajax.jsp视图文件，如代码7.23所示。

代码7.23  AJAX校验示例的JSP视图

 

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ taglib prefix="s" uri="/struts-tags" %>

<!-- START SNIPPET: ajaxValidation -->

<html>

<head>

    <title>Validation - Basic</title>

    <s:head theme="ajax"/>

</head>

<body>

<s:form method="post" validate="true" theme="ajax">

    <s:textfield label="用户名" name="name"/>

    <s:textfield label="年龄" name="age"/>

    <s:textfield label="生日" name="birthday"/>

    <s:submit/>

</s:form>

</body>

</html>

<!-- END SNIPPET: ajaxValidation -->

 

该文件同以往JSP视图文件不同的是，在<s:form/>标签中加入了theme="ajax"属性定义。

7.4.5  运行AJAX校验示例

在浏览器中输入http://localhost:8080/bookcode/ch7/Reg_ajax_Action!input.action，在运行界面年龄一栏中输入“0”，当光标焦点离开该文本框时，会立刻显示校验异常信息，而不需要单击“submit”按钮后才显示校验异常信息。可见，AJAX使用了异步的方式同服务器端进行交互，并在某个元素失去焦点时触发。其运行界面如图7.11所示。

AJAX技术给用户带来了更加友好的体验，请读者参考本书中后面详细的介绍。

★ 注意 ★

运行本示例时，需要在地址栏输入http://localhost:8080/bookcode/ch7/Reg_ajax_ Action!input.action，而不是http://localhost:8080/bookcode/ch7/test.jsp。

 

图7.11  AJAX校验界面

 

分享到：
| 转: 数据校验功能-AJAX输入校验(9)中
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    异步校验jquery-ajax

    本工程有两种ajax异步校验注册时输入的username是否与数据库中的值重复，通过mybatis实现数据库，通过servlet或者struts2实现控制层，通过ajax，jquery，json，实现异步校验

    基于SSM框架和Bootstrap的图书管理系统CRUD源码，支持数据校验与Ajax交互

    项目概述：本项目是一个基于SSM（Spring、SpringMVC、MyBatis）框架和Bootstrap的图书管理系统，实现了CRUD（创建、读取、更新、删除）功能，并提供数据校验机制及Ajax交互支持。主要开发语言为Java，辅以CSS和...

    ssh整合时常用的jar包

    2.输入输出包： commons-io-1.4.jar 3.日志包： commons-logging-1.0.4.jar 4.信息校验包： commons-validator-1.3.0.jar 5.ajax使用时需要加载的包：dwr.jar 6.freemarker使用时加载的包：freemarker-2.3.8.jar...

    ajax的异步校验功能实现

    这个场景下，我们利用Ajax（Asynchronous JavaScript and XML）技术来实现实时、无刷新的数据验证，例如检查用户名是否已被占用。在这个案例中，我们将讨论如何使用Ajax和jQuery库来实现一个简单的用户名异步校验...

    下载-Ajax.pdf

    1. **数据验证**：在用户输入表单数据后，使用Ajax进行实时校验，提高数据的有效性。 2. **按需取数据**：根据用户的需求动态加载数据，避免一次性加载过多数据造成延迟。 3. **自动更新页面**：例如实时显示新闻、...

    Discuz7.0程序二次开发必备—目录详解

    - `ajax.php`：处理模板的AJAX请求和数据返回。 - `attachment.php`：处理附件下载功能。 - `announcement.php`：论坛公告的显示和处理。 - `config.inc.php`：存储论坛数据库配置，密码等关键信息，修改需谨慎...

    Struts2--输入校验

    在Struts2中，输入校验是确保数据安全和应用程序功能正确性的重要环节。本文将深入探讨Struts2中的输入校验机制，包括其重要性、实现方式以及如何在实际项目中应用。 输入校验对于任何Web应用程序都是必不可少的，...

    js数据校验控件

    //网页输入校验工具 //version：2.0 //作者：潘攀(1871870808@qq.com) //时间：2012-10-10 //需要依赖：jquery-1.7.2.js //支持校验类型：不为空、数字、非数字、邮箱、最大长度、最小长 度、起始字符、终止字符、...

    图文验证码（Ajax异步校验）-源码出自明日科技

    2. **Ajax异步校验**：Ajax（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。在这个验证码系统中，用户输入验证码后，Ajax技术被用来异步地向服务器发送...

    ajax实现二级下拉框和用户名校验

    Ajax可以在此场景中发挥作用，通过在用户输入时或输入结束后立即发送校验请求，而不必等待用户提交表单。 **实现步骤：** 1. 创建一个HTML输入框，用于用户输入用户名。 2. 使用JavaScript（可能结合事件委托）监听...

    jquery 校验的文档

    jQuery Validate插件提供了一系列内置的校验规则，这些规则能够帮助开发者快速实现表单数据的有效性检查。下面详细介绍这些规则及其用途： 1. **required**: 校验字段是否为空。 - 示例配置：`required: true` - ...

    用户名校验（ajax技术）

    在IT领域，Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。Ajax的核心是利用JavaScript与服务器进行异步数据交换，增强了用户体验，使得页面交互更加流畅。本...

    报表开发工具Finereport移动端app js接口列表【全】

    - FineReport移动端的JS接口提供了丰富的功能，涵盖了报表的交互、数据校验、填报提交等多个方面，合理利用这些接口能够大大提高报表开发的效率和用户体验。 - 开发人员在实际应用这些接口时，还需要注意JS代码的...

    ssm-ajax.rar

    "ssm-ajax.rar"这个压缩包文件包含了关于如何将这三种技术整合，并实现基于Ajax的异步增删改查及登录功能的详细教程。本文将深入探讨这些技术的原理与应用。 首先，Spring框架是一个全面的后端开发解决方案，提供了...

    案例_Ajax_用户名异步校验 源代码

    在IT行业中，Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下更新部分网页内容的技术。本案例“案例_Ajax_用户名异步校验”是关于如何利用Ajax实现一个实时验证用户输入用户名是否可用的...

    ajax实现提交时校验表单方法

    本文实例为大家分享了ajax提交时校验表单的方法，供大家参考，具体内容如下 方法一： 代码示例：  巧妙设计之处：ajax提交的话，不能够进行校验拦截，设置一个flag来判断，很巧妙的设计之处，故收藏！ function ...

    ext_表单提交_数据校验

    - **Ajax提交**：通过Ajax技术，可以在不重新加载页面的情况下发送数据至服务器，提供更流畅的交互体验。 - `Ext.form.Basic`：基于`Ext.Ajax`，提供简单的异步表单提交。 - `Ext.form.Action`：封装了更多高级...

    Ajax 文件js日期校验

    j2ee,日期校验,Ajax,ajax,j2ee

Magicbox
Global site tag (gtag.js) - Google Analytics