简单的一个页面注册提交小例子,分为两个页面
Login.jsp
以及Login_Success.jsp
LOGIN.JSP
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>学员注册页面</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript"> function formSubmit() { var theForm; theForm = document.stuForm; if(theForm.stuNo.value==""){ alert("请输入学员编号!"); theForm.stuNo.focus(); return false; } if(theForm.stuName.value==""){ alert("请输入学员姓名!"); theForm.stuName.focus(); return false; } if(theForm.stuPass.value==""){ alert("请输入密码!"); theForm.stuPass.focus(); return false; } if(theForm.stuRpass.value==""){ alert("请输入确认密码!"); theForm.stuRpass.focus(); return false; } if(theForm.stuPass.value != theForm.stuRpass.value){ alert("两次密码输入不一致!"); theForm.stuPass.focus(); return false; } theForm.submit(); } </script> </head> <body> <center> <h1>学员注册页面</h1> <form name="stuForm" action="Login_Success.jsp" method="post"> <table> <tr> <td><b>学员编号:</b></td> <td><input type="text" name="stuNo"></td> </tr> <tr> <td><b>姓名:</b></td> <td><input type="text" name="stuName"></td> </tr> <tr> <td><b>登录密码:</b></td> <td><input type="password" name="stuPass"></td> </tr> <tr> <td><b>重复密码:</b></td> <td><input type="password" name="stuRpass"></td> </tr> <tr> <td><b>性别:</b></td> <td><input type="radio" value="男" name="sex" checked> 男 <input type="radio" value="女" name="sex" > 女 </td> </tr> <tr> <td><b>出生日期:</b></td> <td> <select name="birthDate"> <option value="1988" checked>1988</option> <option value="1989">1989</option> <option value="1990">1990</option> <option value="1991">1991</option> </select> </td> </tr> </table> <input type="button" value="提交" name="submit1" onclick="formSubmit()"> </form> </center> </body> </html>
Login_Success.jsp
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'MyJsp.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> <!--对提交到该JSP页面含有中文的信息实现以中文正常显示--> <%request.setCharacterEncoding("GBK");%> <center> <h1>注册成功</h1> <table> <tr> <td>学员编号:</td> <td><%=request.getParameter("stuNo")%></td> </tr> <tr> <td>学员姓名:</td> <td><%=request.getParameter("stuName")%></td> </tr> <tr> <td>性别:</td> <td><%=request.getParameter("sex")%></td> </tr> <tr> <td>出生日期:</td> <td><%=request.getParameter("birthDate")%></td> </tr> </table> </center> </body> </html>
相关推荐
本示例着重讲解如何在JSP页面中实现多个提交按钮,并使它们分别提交到不同的页面。 首先,我们需要了解JSP的基本结构和工作原理。JSP是一种基于Java的动态网页技术,它允许开发者在HTML代码中嵌入Java代码或JSP标签...
表单的`action`属性会指定处理这些数据的JSP页面,这可能是`index22.jsp`或者`test.jsp`。 在`index22.jsp`或`test.jsp`中,我们将处理用户提交的数据。JSP允许我们嵌入Java代码来执行后端逻辑,比如验证用户名和...
在图片上传的例子中,JSP页面将包含一个表单,用户可以通过这个表单选择本地的图片文件进行上传。 1. **表单设计**: - 使用`<form>`标签创建一个HTML表单,设置`enctype="multipart/form-data"`以支持文件上传。 ...
在这个例子中,JSP页面负责展示用户界面,如输入邮箱或用户名的表单,以及处理用户提交的请求。 2. **JavaBean**: JavaBean是一种符合JavaBeans规范的Java类,常用于JSP页面中存储和传递数据。在这个找回密码的...
- 在JSP页面中,通过`<jsp:useBean>`和`<jsp:setProperty>`标签引入并设置JavaBean的属性,然后调用其方法完成业务操作。 5. **交互与响应** - 用户提交购票请求后,Servlet或JavaBean处理请求,如果购票成功,...
首先,确保你的JSP页面中引入了Ajax库,例如jQuery。在头部添加以下HTML代码: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 接下来,我们创建一个简单的表单,用于触发...
JSP页面由两部分组成:静态内容(如HTML、CSS、JavaScript)和动态内容(Java代码)。动态内容可以是脚本元素(Scriptlets)、表达式、声明或指令。 在JSP中,Scriptlets是嵌入在HTML中的Java代码片段,通常用于...
通过实践这些JSP网页开发例子,开发者可以深入理解JSP语法、内置对象的使用、EL和JSTL的优势,以及如何在实际项目中部署和优化JSP页面。同时,这些例子也是迈向更高级Web开发技术,如Spring Boot和微服务架构的重要...
**购物车2文件**: 压缩包中的"购物车2"可能包含实现上述功能的源代码,包括JSP页面、Servlets、JavaBeans以及其他支持文件(如CSS、JavaScript)。通过阅读和学习这些源代码,你可以更深入地理解JSP购物车的工作原理...
这个例子包括了必要的文档、库文件以及示例JSP页面,帮助开发者理解如何在项目中实现文件上传功能。 `jspsmartupload.jar`是核心库文件,包含了`jspsmartupload`组件的所有类和方法。这个库提供了对文件上传的全面...
7. **将验证码和图片发送到客户端**:在JSP页面中,将生成的验证码字符串存储在session中,同时将图片以流的形式输出到HTTP响应中。客户端接收到图片后显示在网页上,用户输入看到的验证码。 8. **验证用户输入**:...
表单通常包含`<form>`标签,指定一个`action`属性指向处理表单数据的JSP页面(在这个案例中是第二个JSP页面)和一个`method`属性(通常设置为"POST"以传递敏感数据)。 3. **请求参数处理** 当用户提交表单时,...
5. **响应优化**:由于WAP设备通常具有有限的显示面积和较慢的数据传输速度,所以JSP页面的响应时间优化和资源压缩至关重要。开发者可能使用了特殊的技巧或库来减小内容的大小,提高加载速度。 这个示例教程对于...
在源码示例“demo”中,我们可以看到具体的代码实现,包括JSP页面、JavaBean类、Spring MVC的Controller、Service和DAO层,以及可能的配置文件。通过阅读和分析这些代码,开发者可以更好地理解和掌握Java Web开发中...
在Java服务器页面(JSP)中实现图片上传功能是一项常见的任务,这通常涉及到客户端通过HTML表单提交数据,服务器端使用Servlet或JSP脚本来处理这些数据,包括图片文件。以下是一个详细的步骤来阐述如何在JSP中实现...
6. **JSP表达式与脚本元素**:在JSP页面中,使用表达式`<%= %>`显示数据,使用脚本元素`<% %>`执行Java代码。 以上就是利用JSP和Servlet实现计算矩形周长和面积的Web应用的详细步骤和涉及的技术点。通过这个简单的...
【韩顺平 jsp页面计算器】是一个基于JSP(JavaServer Pages)技术的简单计算器应用,旨在帮助初学者理解如何在不同的JSP页面之间传递参数。这个教程可能由知名IT教育者韩顺平教授,他的课程通常深入浅出,适合初学者...
表单提交后,JSP页面会处理这些输入并验证它们。这可以通过在JSP页面中编写Java代码来实现,例如: ```jsp ; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> 登录页面 <form action="login.jsp" ...
例如,当用户提交表单时,我们需要在JSP页面中获取表单数据,然后通过预定义的数据库连接执行插入或更新操作。 3. **数据库连接和SQL操作** 在EXT JSP中,我们通常使用JDBC(Java Database Connectivity)来连接和...
6. 如果需要用户输入,JSP页面可能包含表单元素,用户填写后提交。 7. 用户提交的表单数据再次由Servlet处理,完成更新或删除操作,然后可能跳转回JSP页面,显示操作结果。 在这个简单的例子中,你将学习到如何使用...