`

例14-7 实现空表单信息的提示

阅读更多

index.jsp

<%@ page language="java" contentType="text/html; charset=GBK"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>请输入您的注册信息</title>
</head>
<body>
<H1>请输入您的注册信息</H1> 
<s:form action="regist">
    <s:textfield label="用户名" name="name"/>
    <s:password label="密码" name="pass"/>
    <s:password label="确认密码" name="rpass"/>
    <s:textfield label="年龄" name="age"/>
    <s:textfield label="电话" name="phone"/>
    <s:submit value="提交"/> 
</s:form> 
</body>
</html> 
  

 web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  <filter>
  	<filter-name>struts2</filter-name>
  	<filter-class>
  		org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter
  	</filter-class>
  </filter>
  <filter-mapping>
  	<filter-name>struts2</filter-name>
  	<url-pattern>/*</url-pattern>
  </filter-mapping></web-app>

 struts.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
    <package name="lee" extends="struts-default">

        <action name="regist" class="tom.jiafei.ZhuceAction">
            <result name="success">/welcome.jsp</result>
            <result name="input">/index.jsp</result>
        </action>
    </package>
</struts> 

 zhuceAction.java

package tom.jiafei;
import com.opensymphony.xwork2.ActionSupport;
import com.opensymphony.xwork2.ActionContext;
import java.util.*;
import java.util.regex.*;
import java.text.*;

public class ZhuceAction extends ActionSupport
{
	private String name;
	private String pass;
	private String rpass;
	private String phone;
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getPass() {
		return pass;
	}
	public void setPass(String pass) {
		this.pass = pass;
	}
	public String getRpass() {
		return rpass;
	}
	public void setRpass(String rpass) {
		this.rpass = rpass;
	}
	public String getPhone() {
		return phone;
	}
	public void setPhone(String phone) {
		this.phone = phone;
	}

	public String execute() throws Exception {
	return SUCCESS;
	}
	
	}

 

<?xml version="1.0" encoding="GBK"?>
<!DOCTYPE validators PUBLIC "-//OpenSymphony Group//XWork Validator 1.0.2//EN"
	"http://www.opensymphony.com/xwork/xwork-validator-1.0.2.dtd">
<validators>
   	<field name="name">
	   <field-validator type="requiredstring">
			<param name="trim">true</param>
			<message>用户名不能为空</message>
		</field-validator>
	</field>
	<field name="pass">
	   <field-validator type="requiredstring">
			<param name="trim">true</param>
			<message>密码不能为空</message>
		</field-validator>
	</field>
		<field name="rpass">
	   <field-validator type="requiredstring">
			<param name="trim">true</param>
			<message>确认密码不能为空</message>
		</field-validator>
		<field-validator type="fieldexpression">
			<param name="expression"><![CDATA[(pass==rpass)]]></param>
			<message>两次输入密码不一致</message>
		</field-validator>
	</field>
		<field name="phone">
			   <field-validator type="requiredstring">
			<param name="trim">true</param>
			<message>电话不能为空</message>
		</field-validator>
		<field-validator type="regex">
			<param name="expression"><![CDATA[(1\d{10})]]></param>
			<message>电话必为11位数字,且必以1开头</message>
		</field-validator>
	</field>
</validators>

 

 

 

  • 大小: 22.3 KB
  • 大小: 25.2 KB
分享到:
评论

相关推荐

    HarmonyOS应用开发-新样式注册表单体验.docx

    ### HarmonyOS应用开发-新样式注册表单体验 #### 创建工程 ...通过以上分析可以看出,该示例代码不仅实现了基本的注册表单功能,还通过各种细节提升了用户体验和安全性,为开发者提供了很好的参考。

    jQuery表单input字段提示信息动画特效

    本教程将深入探讨如何利用jQuery实现表单input字段的提示信息动画特效,以提升用户在填写表单时的体验。 首先,我们需要了解jQuery的核心概念。jQuery通过简洁的API简化了DOM操作、事件处理、动画效果以及Ajax交互...

    基于elementui的数据驱动表单组件

    7. **表单提交**:通常在表单的`submit`事件处理器中,我们会调用`validate`方法进行表单验证,只有当验证成功后才会执行提交逻辑。提交事件可以通过阻止浏览器默认行为并发送异步请求来实现。 通过上述知识,...

    基于JS实现带提示登录表单验证特效源码.zip

    在本例中,jQuery可能被用来选择表单元素,监听用户输入事件,以及显示或隐藏验证提示信息。 1. **表单验证基础**:登录表单通常包含用户名和密码字段,验证过程一般包括检查这些字段是否为空,密码是否满足特定...

    jQ表单万能验证插件 vf-validate.js

    插件简介:使用HTML标签属性,快速实现常用表单验证功能 JQ表单验证插件 使用方法:$.formValidate(options); version:1.6.0 @param {Object} options @param options.area 验证的区域父级元素,默认 body @param ...

    纯JS实现表单验证实例

    在纯JavaScript中实现表单验证是一个基础且重要的技能。表单验证可以确保用户输入的数据满足特定的格式和要求,减少服务器端的负担,提高用户体验。在上述实例中,我们看到了如何利用HTML和JavaScript相结合来创建一...

    js表单注册实现页面登录信息提示(附:阻止页面跳转)

    这个场景中,我们主要关注如何使用JavaScript来实现表单验证以及如何阻止页面默认的提交行为,即阻止页面跳转。下面将详细讲解这两个知识点。 首先,让我们来理解表单验证。在HTML中,表单元素通常用于收集用户输入...

    H5 输入框的提示信息

    这里的`type="text"`定义了输入框为文本类型,`id`属性用于唯一标识输入框,而`placeholder`属性则用来设置提示信息,即当输入框为空时显示的文本。 二、提示信息的实现 1. `placeholder`属性 `placeholder`是HTML5...

    JQuery表单验证Demo

    本篇将深入探讨如何利用jQuery实现表单验证,并以"JQuery表单验证Demo"为例进行详细讲解。 首先,我们需要理解jQuery的核心概念。jQuery通过简洁的API简化了DOM操作、事件处理、动画效果以及Ajax交互。在表单验证...

    PHP表单验证内容是否为空的实现代码

    在今天的这篇文章中,我们将详细介绍如何使用PHP来实现表单验证,确保用户在提交表单内容时,关键字段不为空。在开发网站的过程中,经常需要通过表单来收集用户的输入信息。为了保证数据的完整性和准确性,开发者...

    jsp页面js调用form表单的值的方法

    本篇文章主要介绍如何在 JSP 页面中通过 JavaScript 来获取表单元素的值,并对其进行验证,确保用户输入的信息符合特定的要求。 #### 1. 基础知识 在正式开始之前,我们需要了解几个基础概念: - **HTML 表单**:...

    jquery表单验证插件

    jQuery表单验证插件极大地简化了前端验证的实现,通过引入相应的库和简单配置,即可实现高效且友好的表单验证。无论你是新手还是经验丰富的开发者,理解并熟练运用这些插件,都能提升项目开发的效率和质量。在实际...

    regedit.jsp 表单注册用户名密码

    根据提供的文件信息,我们可以总结出以下几个关键的知识点: ### 1. JSP 文件结构与功能 ...通过以上分析,我们可以看出这是一个典型的用户注册系统实现,涵盖了表单验证、前后端交互以及数据库操作等关键技术点。

    检测正确性的友情链接发送表单(HTML经典用例)

    此表单主要用于用户提交友情链接申请,包括姓名、Email地址、主页网址和内容简介等必要信息。 首先,我们要理解HTML部分。表单(`&lt;form&gt;`)是HTML中用于收集用户输入数据的元素,它包含了多个输入字段,如文本...

    链接、页面跳转、隐藏、表单提交

    - **说明**:这段代码是前端页面中的JavaScript脚本,用于实现表单提交前的验证逻辑。如果输入的密码为空,则弹出提示框;若用户确认修改,则通过`document.forms['example'].submit()`提交表单。 - **应用场景**...

    Javascript实现登录记住用户名和密码功能

    1. **使用Javascript处理登录表单**: - 使用jQuery来简化操作,$(document).ready()确保DOM完全加载后再执行脚本。 - 通过id选择器来找到用户名和密码输入框,并获取其值。 - 使用click()事件监听器来捕捉“记住...

    javascript表单验证例子

    4. **错误处理**:如果验证失败,可以通过修改元素样式(如变红、添加边框)或显示错误信息提示用户。 以下是一些常见的验证示例: - **非空检查**: ```javascript function validateNotEmpty(input) { if ...

    layui.js实现的表单验证功能示例

    在本示例中,我们将深入探讨如何使用 layui.js 实现表单验证功能。 首先,确保正确引入 layui.js 相关文件。在 HTML 文档的 `&lt;head&gt;` 标签内,你需要添加以下代码: ```html &lt;script src="layui/layui.js"&gt;&lt;/...

Global site tag (gtag.js) - Google Analytics