精华内容
下载资源
问答
  • jsp实现表单提交跳转

    万次阅读 多人点赞 2018-08-13 13:33:56
    用户登录页面,提交给process.jsp。 process.jsp 处理页面,若用户名为“admin”,密码为“000”,则跳转到show.jsp,否则跳转login.jsp。 show.jsp 列出登录页面的属性。 源代码 login.jsp <form ...

    页面介绍

    login.jsp

    用户登录页面,提交给process.jsp。

    process.jsp

    处理页面,若用户名为“admin”,密码为“000”,则跳转到show.jsp,否则跳转login.jsp。

    show.jsp

    列出登录页面的属性。

     

    源代码

    login.jsp

    <form action="process.jsp" method="post">
      用户名:<input name="username" value="" /><br>
      用户密码:<input name="pwd" value="" /><br>
      用户性别:<input type="radio" name="sex" value="男">男
               <input type="radio" name="sex" value="女">女<br>
      用户爱好:<input type="checkbox" name="hobby" value="游泳">游泳
    		   <input type="checkbox" name="hobby" value="看书">看书 
    		   <input type="checkbox" name="hobby" value="看电影">看电影
    		   <input type="checkbox" name="hobby" value="写代码">写代码<br>
      用户籍贯:<select name="home">
    		     <option value="广州">广州</option>
    		     <option value="重庆">重庆</option>
    		     <option value="上海">上海</option>
    		   </select>
    		   <br>
      <input type="submit" value="提交">
      <input type="reset" value="重置">
    </form>

    process.jsp

    <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
    <%
    	String path = request.getContextPath();
    	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    	
    	request.setCharacterEncoding("utf-8");
    	
    	String username = request.getParameter("username");
    	String pwd = request.getParameter("pwd");
    	String[] hobby = request.getParameterValues("hobby");	
    	String sex = request.getParameter("sex");
    	String home = request.getParameter("home");
    	
    	if("admin".equals(username) && "000".equals(pwd)){
    		session.setAttribute("username", username);
    		session.setAttribute("hobby", hobby);
    		session.setAttribute("home", home);
    		session.setAttribute("sex", sex);
    		request.getRequestDispatcher("show.jsp").forward(request, response);
    	}
    	else{
    		response.sendRedirect("login.jsp");
    	}
    %>
    

    show.jsp

    <%  request.setCharacterEncoding("utf-8"); %>
        用户姓名:<%= session.getAttribute("username")%><br>
        用户性别:<%= session.getAttribute("sex")%><br>
        用户爱好:<% 
        		   String[] hobby = (String[])session.getAttribute("hobby");
        		   for(int i=0; i<hobby.length; i++)
        		     out.println(hobby[i]+"  ");
        	     %><br>
        用户籍贯:<%= session.getAttribute("home")%><br>

     

    说明

    1、获取表单中对应name属性值的存放的value

    String <变量名> = request.getParameter("<表单中的name属性值>");

    2、获取表单中复选框选中的所有值,存放在数据中

    String[] <一维数组名> = request.getParameterValues("<表单中复选框统一的name属性值>");

    3、把数组传入sesstion

    session.setAttribute("<存放的变量名或数组名>", <当前页面的变量名或数组名>);

    4、在另一页面传出session中存的值

    //单值session
    <%= session.getAttribute("<变量名>"); %> 
    
    //数组session
    String[] <数组名> = (String[])session.getAttribute("<数组名>");
        for(int i=0; i<<数组名>.length; i++)
            out.println(<数组名>[i]+"  ");

    5、重定向和转发

    //转发
    request.getRequestDispatcher("xxx.jsp").forward(request, response);
    
    //重定向
    response.sendRedirect("xxx.jsp");

    重定向不传数据,地址栏发生变化;

    转发是在同一个请求里,地址栏不发生变化。

    当需要保存一个内容的时候,使用转发;不需要保存内容的时候,使用重定向。

    展开全文
  • JSP实现登陆页面(表单提交、连接数据库、实现页面跳转) 1.数据库设计 2.主页面展示 3.代码展示: index.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <...

    JSP实现登陆页面(表单提交、连接数据库、实现页面跳转)

    1.数据库设计

    在这里插入图片描述

    2.主页面展示

    在这里插入图片描述

    3.代码展示:

    index.jsp

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登陆页面</title>
    	<link rel="stylesheet" type="text/css" href="css/style.css" />
    	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    </head>
    <body>
    	<div id="bigBox">
    			<h1>LOGIN</h1>
    			<div class="inputBox">
    				<form action="check.jsp" method="post">
    					<div class="inputText">
    						<i class="fa fa-user-circle" style="color: whitesmoke;"></i>
    						<input type="text" placeholder="手机号或邮箱" name="username"/>
    					</div>
    					<div class="inputText">
    						<i class="fa fa-key" style="color: whitesmoke;"></i>
    						<input type="password" placeholder="密码" name="password"/>
    					</div>
    					<input type="submit" class="inputButton" value="LOGIN" />
    				</form>
    			</div>
    		</div>
    </body>
    </html>
    

    登录页面对应的CSS文件

    body{
    	margin: 0;
    	padding: 0;
    	background-image: url(../img/国漫.jpg);
    	background-repeat: no-repeat;
    }
    a{
    	color: #666;
    	text-decoration: none;
    }
    #bigBox
    {
    	margin: 0 auto;
    	margin-top: 100px;
    	padding: 20px 50px;
    	background-color: #000000;
    	width: 500px;
    	height: 400px;
    	border-radius: 20px;
    	text-align: center;
    	background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
    }
    #bigBox h1
    {
    	font-size: 40px;
    	color: floralwhite;
    }
    #bigBox .inputBox
    {
    	margin-top: 35px;
    }
    #bigBox .inputBox .inputText
    {
    	margin-top: 20px;
    }
    #bigBox .inputBox .inputText input
    {
    	border: 0;
    	padding: 10px 10px;
    	border-bottom: 1px solid white;
    	background-color: #00000000;
    	color: white;
    	width: 200px;
    	height: 40px;
    	font-size: 20px;
    }
    #bigBox .inputBox .inputText i
    {
    	color: white;
    }
    #bigBox .inputBox .inputButton
    {
    	border: 0;
    	width: 200px;
    	height: 50px;
    	color: white;
    	margin-top: 55px;
    	border-radius:20px;
    	background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%,#b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
    }
    
    

    check.jsp

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ page import="java.sql.*"  %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    	<%
    		String username = request.getParameter("username");
    		String password = request.getParameter("password");
    		
    		Connection connection = null;
    		Statement statement = null;
    		ResultSet rs = null;
    		
    		
    		try {
    			// 导入驱动,加载具体的驱动类
    			Class.forName("com.mysql.jdbc.Driver");
    			
    			//与数据库建立连接
    			connection = DriverManager.getConnection("jdbc:mysql://localhost:3306/test01", "root", "root");
    			statement = connection.createStatement();
    			//发送sql语句,执行
    			String sql = "select count(*) from login where username = '"+username+"' and password = '"+password+"'  ";
    			rs = statement.executeQuery(sql);
    			//处理结果
    			int count = -1;
    			if (rs.next()) {
    				count = rs.getInt(1);
    			}
    			if (count > 0) {
    				request.getRequestDispatcher("success.jsp").forward(request, response);
    			}else {
    				request.getRequestDispatcher("error.jsp").forward(request, response);
    			}
    		} catch (ClassNotFoundException e) {
    			e.printStackTrace();
    		} catch (SQLException e) {
    			e.printStackTrace();
    		}finally {
    				try {
    					if(rs != null) rs.close();
    					if(statement != null) statement.close();
    					if(connection != null) connection.close();
    				} catch (SQLException e) {
    					e.printStackTrace();
    				}
    		}
    	%>
    </body>
    </html>
    

    success.jsp

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登陆成功</title>
    	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    	<link rel="stylesheet" type="text/css" href="css/style.css" />
    </head>
    <body>
    	<div id="main">
    		<i class="fa fa-diamond fa-5x" style="color: #ed9db2; size: 50;"></i>
    		<h3 style="display: inline-block; ">登陆成功!!</h3>
    	</div>
    </body>
    </html>
    

    在这里插入图片描述

    error.jsp

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登陆失败</title>
    	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    	<link rel="stylesheet" type="text/css" href="css/style.css" />
    </head>
    <body>
    	<div id="main">
    		<i class="fa fa-exclamation-triangle fa-5x" style="color: darkgrey; size: 50;"></i>
    		<h3 style="display: inline-block; ">登陆失败,请重新检查用户名或密码是否正确!!</h3>
    	</div>
    </body>
    </html>
    

    在这里插入图片描述

    展开全文
  • 关于表单提交并且实现前端跳转

    千次阅读 2016-04-12 09:07:07
    action)里面不包含页面(路由)跳转,而要求在前端,根据需要选择跳转,这时候,form里面action就是逻辑处理,然而后面各种在提交button里面,通过js或者jquery实现点击跳转都不好使,最后证实是和action冲突,卡了...

    关于webjava,最近做的项目都是要求逻辑层(control,action)里面不包含页面(路由)跳转,而要求在前端,根据需要选择跳转,这时候,form里面action就是逻辑处理,然而后面各种在提交button里面,通过js或者jquery实现点击跳转都不好使,最后证实是和action冲突,卡了一天了,各种办法都试了,最后想到,模拟触发a标签来实现。亲测可以实现。

    前端:

    ...

    <a id="return" href="<%=contextPath %>//process_list.jsp"><span id="atext"></span></a>
     <span class="l-30" ><input  type="submit" id="sub"  value="保存" ></input></span>


    script:

    $("#sub").click(function()
    {
        $("#atext").trigger("click");
    });




    展开全文
  • JSP表单提交表单验证

    万次阅读 2013-01-25 17:21:54
    (2)提交表单前需要进行数据验证时,响应在form中onsubmit事件,数据合法则返回true,然后实现页面跳转;数据不合要求则返回false,页面便不会跳转。 (3)要考虑中文参数的传递。由于浏览器,web服务器,数据库等的...

    几点小结:

    (1)使用form表单提交数据,提交后的数据将会在另一个jsp页面进行处理。也可以实现不跳转,同时使用ajax进行局部更新,这里暂不进行说明。

    (2)提交表单前需要进行数据验证时,响应在form中onsubmit事件,数据合法则返回true,然后实现页面跳转;数据不合要求则返回false,页面便不会跳转。

    (3)要考虑中文参数的传递。由于浏览器,web服务器,数据库等的默认编码不一致,很容易出现中文乱码(参考:解决jsp中文乱码修改mysql编码)。


    以下是一个简单的表单提交与表单验证的例子。

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ page import="java.util.*" %>
    <%@ page import="java.sql.*" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    		<title>表单提交</title>
    	</head>
    	<body>
    		<p align="center"><b>表单提交</b><br></p>
    		<center>
    			<div align="left">
    				<table height="60" border="0" align="left">
    					<tr>
    						<td>
    							<form name="channelform" action="addChannel.jsp"
    							 οnsubmit="return validate_channel_info(this);" method="post">
    								名字: 
    								<input type="text" name="channelname" />
    								<br />
    								ID: 
    								<input type="text" name="channelid" />
    								<br />
    								<input type="submit" value="提交">									
    							</form>
    						</td>
    					</tr>
    				</table>				
    				
    				
    				<script type="text/javascript">
    					function validate_channel_info(channelform)
    					{
    						if(channelform.channelname.value=="")
    						{
    							alert("请输入正确的名字");
    							return false;
    						}
    						else if(!isNumber(channelform.channelid.value))
    						{
    							alert("请输入合法ID");
    							return false;
    						}
    						return true;
    					} 
    					
    					function isNumber(str)          // 判断是否为非负整数
    					{
    						var rx = /^[0-9]+$/;
    						return rx.test(str);
    					}
    					
    				</script>
    			</div>
    		</center>
    	</body>
    	
    </html>


    展开全文
  • JSP实现表单验证

    千次阅读 多人点赞 2017-10-20 19:08:38
    JSP实现表单验证第一个体现jsp价值的作业,然而在经历重重问题考验后,Ending 注册表单:register Created by IntelliJ IDEA. User: Luminary Date: 2017/10/20 Time: 15:23 To change this template use ...
  •  在servlet里判断 .)如果修改密码成功就登出并跳转到登录界面(跳转到父级框架) .)失败就退回修改密码的界面(在原框架跳转) 如果在表单提交时增加taget属性会导致两种结果就跳转到指定的框架,无法区分。...
  • 本系列文章是作者暑假给学生进行实训分享的笔记...本篇文章开始讲解MyEclipse环境下创建JSP网站,并实现注册表页面的创建及Servlet获取提交的数据,基础性文章。非常基础的文章,希望对读者有所帮助 ,尤其是我的学生。
  • form表单提交页面不跳转

    千次阅读 2016-11-08 23:24:49
    form表单提交页面不跳转jsp页面可以在头部里加
  • form提交后不跳转,增强用户体验。 工程采用jquery写前端,struts2做一个跳转返回数据。
  • 1.最近一直在为用户信息完善功能所困惑,想要实现:用户提交信息后不跳转到acction()的服务端页面,只要告诉提交成功即可。 2.论坛上大多ajax+json等方法/框架($ajaxform)都需要导入包或者js文件,本人新手 ,...
  • jsp实现页面跳转的几种方式

    千次阅读 2019-06-24 21:20:11
    一, 使用href超链接标记 (客户端跳转) 二, 提交表单 (客户端跳转)  <form name="form" method="post" action="page2.jsp"> <input type="submit" value="跳转1"> ...
  • form表单提交跳转

    千次阅读 2017-10-20 14:26:35
    form表单中的 target的作用是让form提交后在什么窗口下打开,有时候只需要往后台传值,并不需要打开新窗口,可采用写个... 最终,form表单提交会打开iframe,但iframe被我们设置成看不见的,这样form提交时就刷新不跳转
  • jsp表单跳转至本页面

    千次阅读 2019-03-22 14:23:42
    正确的写法: <form action="#"> //或者action="" 请输入1至100之间的整数:<input type="text" name="number"/> <input type="submit" ...这种情况表单提交时真正提交的页面是action="curren...
  • JS实现form表单跳转

    万次阅读 2018-12-28 14:05:24
    form表单提交时需要从一个页面跳转至不同的页面,使用js动态提交  例如:1.jsp跳转至2.jsp和3.jsp &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" ...
  • Java+MyEclipse+Tomcat (二)配置Servlet及简单实现表单提交

    万次阅读 多人点赞 2015-05-07 04:42:12
    本文主要讲述MyEclipse和Tomcat配置Servlet的过程和简单实现表单提交功能。希望对大家有所帮助。一. Servlet编程 1.Web基础知识 2.什么是Servlet 二. 配置Servlet 1.Servlet声明 2.Servlet映射 三. 简单实现表单提交...
  • 表单提交后html页面好像跳转了,对话框弹出新页面JavaScript写的内容,屏幕显示的还是原来的界面,地址栏也没变。但我手动输入新页面的URL地址,正确显示了新页面的内容和地址。 旧的页面是login.jsp,这是后端...
  • 实现注册页面跳转Ⅱ.制作注册页面Ⅲ.完善dbHelper类Ⅳ.创建RegisterServletⅤ.效果展示 一、目标 在之前的一篇文章中我们做了登陆界面,并且实现了登陆时与数据库信息的交互,成功登陆了页面。今天,接下去,实现...
  • SSM框架下实现form表单提交的方式

    千次阅读 2018-12-22 19:48:00
    实现form表单提交有多种方式,这里我们主要讲两种常用的。 注:此Demo是在SSM框架下完成的,数据库采用MySQL,关于ssm整合的相关知识,这里不做过多赘述。主要展示表单提交方式,暂不考虑代码健壮性。 一、常见...
  • Spring配置如下       表单jsp文件如下 --%>   横向菜单设置 菜单1: 菜单2: ...这个jsp是从action跳转过来的,action的代码为
  • 表单提交以后一般按照在struts的配置文件中配置的路径进行jsp跳转,其中根据action中的返回值设定跳转 若想在同一个页面进行数据的提交和数据的显示,则应该选用ajax提交数据,获取所需数据, 这种情况一般是用...
  • JSP几种提交表单方法

    千次阅读 2017-02-27 23:41:46
     这种方式是最传统的提交表单的方式,就是把所有的表单的值传到url界面。用于本页面传本页面比较多。 2.通过  这里是通过onclick触发js事件,然后我们可以在function onSubmit(){}写一些传输方式,比较...
  • java jsp 实现页面跳转

    千次阅读 2010-04-12 21:27:00
    实现页面跳转一:可以用response.sendRedirect(“网页,或servlet”);这种方法是通过五个步骤:1:浏览器请求一个servlet2:服务器根据提交的内容运行相应的servlet3: 当执行到response.sendRedirect()时,通知...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 41,406
精华内容 16,562
关键字:

jsp实现表单提交跳转