使用JSP处理HTML表单--表单验证及传递

最新推荐文章于 2023-05-27 14:53:52 发布
最新推荐文章于 2023-05-27 14:53:52 发布
阅读量3.6k 收藏 8
点赞数 2
文章标签： html jsp string input javascript session
使用JSP处理HTML表单
                                      

href="使用JSP处理HTML表单.files/filelist.xml" rel="File-List" />

使用JSP处理HTML表单
1.HTML表单
 HTML表单的一般形式：
 <form name=" …" action="X.jsp" method="post">
        表单控件
 </form>
 （1） X.jsp的一般形式：
<html>
<head><title>表单处理</title></head>
<body>
<h2>These are submitted by the form:</h2>
<%
   // 得到所有的参数名称
   java.util.Enumeration e=request.getParameterNames();
   // 对所有参数进行循环
   while(e.hasMoreElements())
   {
      // 得到参数名
      String name=(String)e.nextElement();
      // 得到这个参数的所有值
      String[] value=request.getParameterValues(name);
      // 输出参数名
      out.print("<p>");
     out.print("<h3>"+name+":");
      // 对一个参数所有的值进行循环
      for(int i=0;i<value.length;i++)
      {
         // 输出一个参数值
         out.print(value[i]);
         if(i!=value.length-1)
         out.print(",");
      }
      out.print("</h3></p>");
   }
%>
</body>
</html> 
 （2）表单控件
   关于表单控件的详细介绍参见 Marty Hall, Larry Brown编写的《Core Servlets and JavaServer Pages:Volume 1:Core Technologies 2nd Edition 》第19章。
2.对表单的验证
 提交表单后，需要对信息进行验证。表单的验证有两种：客户端验证和服务器验证。
 （1）表单的客户端验证
       表单的客户端验证主要是通过JavaScript来完成的。
<html>
<head>
<title>客户端验证</title>
<Script>
function Check()
{
    username=document.form1.username.value;
    age=document.form1.age.value;
    year=document.form1.year.value;
    email=document.form1.email.value;
 
 
 
    <!-- 验证提交数据的长度-->
    if(username.length<2||username.length>8)
    {
      alert(" 用户名长度必须在2 位到8 位之间");
      return false;
    }
 
    <!-- 验证提交数据的范围-->
    if(age.length!=2||isNaN(age)||parseInt(age)<20||parseInt(age)>50)
    {
      alert(" 你的年龄不符合我们的要求！");
      return false;
    }
 
    <!-- 验证提交数据的类型-->
    <!-- 限定出生年份是一个4 位整数-->
    if(year.length!=4||isNaN(year))
    {
      alert(" 年份填写不正确！");
      return false;
    }
    <!-- 限定电子邮箱不能为空，且必须要有“@ ”和“. ”-->
    if(email.length==""||(email.indexOf('@')==-1)||(email.indexOf('.')==-1))
    {
      alert(" 电子邮件填写不正确！");
      return false;
    }
    return true;
}
</Script>
</head>
<body>
<h3>客户端验证</h3>
<form name="form1" action=" X.jsp" OnSubmit="return Check();">
<p>用 户 名：<input name="username"></p>
<p>年& nbsp;&nbsp;&nbsp;&nbsp;龄：<input name="age"></p>
<p>出生年份：<input name="year"></p>
<p>电子邮件：<input name="email"></p>
<p><input type=Submit value="提交"></p>
</form>
</body>
</html>
 （2）表单的服务器端验证
       表单的服务器端验证是通过服务器端的 X.jsp来完成的。
<html>
<head>
<title>A Form</title>
</head>
<body>
<h3>The form will be checked by the Server.</h3>
<form name="fm" action=" XXX.jsp" method="post">
 <p> UserName:
    <input type="text" name="username">
 </p>
 <p> PassWord:
    <input type="password" name="password">
 </p>
 <p> BirthYear:
    <input type="text" name="birthyear">
 </p>
 <p><center>
    <a href='JavaScript:fm.submit();'>提交</a>
    <a href='JavaScript:fm.reset();'>重置</a>
 </center></p>
</form>
</body>
</html>
服务器端验证：
XXX.jsp
<html>
<head>
<title>show form</title>
</head>
<%@ page contentType="text/html;charset=GB2312" %>
<body>
<font color=blue size="4">以下是你提交的内容：</font>
<%
   //得到提交的表单数据
   String username=request.getParameter("username");
   String password=request.getParameter("password");
   String birthyear=request.getParameter("birthyear");
   boolean flag=true;
   //输出提交信息
   out.println("<p>UserName:"+username+"<br>");
   out.println("PassWord:"+password+"<br>");
   out.println("BirthYear:"+birthyear+"<br></p>");
 
   //验证提交的username是否是合法的字符串
   String errorchar=";,<>?|[]{}+=_-*&^%$#@!~`";
   String number="0123456789";
   for(int i=0;i<username.length();i++)
   {
      if(!(errorchar.indexOf(username.charAt(i))==-1))
         flag=false;
      if(!(number.indexOf(username.charAt(0))==-1))
         flag=false;
   }  
   //验证提交的username的长度是否符合要求
   if(username.length()<3||username.length()>8)
      flag=false;
   //验证提交的password的长度是否符合要求
   if(password.length()<6||password.length()>14)
      flag=false;
   //验证提交的 birthyear是否是4位整数
   try{
         Integer.parseInt(birthyear);
      }catch(Exception e)
      {
         flag=false;
      }
   if(birthyear.length()!=4) flag=false; 
   //验证提交的 birthyear的数字范围是否符合要求
   int by=Integer.parseInt(birthyear);
   if(by<1949||by>2008)
      flag=false;    
 
   //返回验证信息
   out.println("<font color=blue size=4>");
   if(flag) out.println("你所提交的数据符合我们的要求。");
   else out.println("你所提交的数据不符合我们的要求。");
   out.println("</font>"); 
%>
</body>
</html>
3.页面间链接和数据传递的三种方式
 页面间链接和数据传递的三种方式：
 （1）通过form将数据提交到下一个页面；
 （2）通过链接将数据提交到下一个页面
 （3）通过Session将数据提交到后续页面
例：
01.html
<html>
<head>
<title>利用表单传递数据</title>
</head>
<body>
<h3>利用表单传递数据</h3>
<form name="form1" method="post" action="02.jsp">
 <p>你的姓名：
     <input type="text" name="name">
 </p>
 <p>你的爱好：
     <input type="text" name="hobby">
 </p>
 <p>你所从事的行业：
     <select name="work">
        <option value="学生">学生</option>
        <option value="IT业" selected>IT业</option>
        <option value="商业">商业</option>
        <option value="制造业">制造业</option>
        <option value="服务业">服务业</option>
     </select>
 </p>
 <p>
     <input type="Submit" value="提交">
     <input type="Reset" value="重置">
 </p>
</form>
</body>
</html>
 
02.jsp
<html>
<head>
<title>从表单中获取数据</title>
</head>
<%@ page contentType="text/html;charset=GB2312"%>
<body>
<h3>从表单中获取数据</h3>
<p>
 <%
   //从表单中获取数据
   String name=new String(request.getParameter("name").getBytes("ISO8859_1"),"GBK");
   String hobby=new String(request.getParameter("hobby").getBytes("ISO8859_1"),"GBK");
   String work=new String(request.getParameter("work").getBytes("ISO8859_1"),"GBK");
   //验证"名字(name)"的长度是否符合要求
   if(name.length()<3||name.length()>8)
      out.println("你输入的名字长度不符合要求");
   else
   { 
      out.println("你的姓名是："+name+"< br>");
        out.println("你的爱好是："+hobby+"< br>");
      out.println("你所从事的工作是："+work+"< br>");
      //将"名字(name)"保存到session对象中,让后续页面(下个页面、下下个页面、……)引用
      session.setAttribute("name",name);
   }
%>
< br>
<!--将"爱好(hobby)"和"工作(work)"以链接的形式传递给下个页面-->
<a href="03.jsp?hobby=<%=hobby%>&work=<%=work%>">提交</a>
</p>
<hr>
<p><font size="2">*将"名字(name)"保存到session对象中,让后续页面(下个页面、下下个页面、……)引用</font></p>
<p><font size="2">*将"爱好(hobby)"和"工作(work)"以链接的形式传递给下个页面</font></p>
</body>
</html>
 
03.jsp
<html>
<head>
<title>从session对象中获取"名字(name)"的值;从链接中获取"爱好(hobby)"和"工作(work)"</title>
</head>
<%@ page contentType="text/html;charset=GB2312"%>
<SCRIPT language="JavaScript">
     function submit1()
        {
         document.forms["form1"].action="04.jsp";
       document.form1.submit();
        }
        
        function edit1()
        {
          document.forms["form1"].action="01.jsp";
       document.form1.submit();
        }
</SCRIPT>
<%@ page contentType="text/html;charset=GB2312" %>
<body>
<h3>从session对象中获取"名字(name)"的值;从链接中获取"爱好(hobby)"和"工作(work)"</h3>
<%
   String name=(String)session.getAttribute("name");
   String hobby=new String(request.getParameter("hobby").getBytes("ISO8859_1"),"GBK");
   String work=new String(request.getParameter("work").getBytes("ISO8859_1"),"GBK");
   out.println("你的姓名是："+name+"< br>");
   out.println("你的爱好是："+hobby+"< br>");
   out.println("你所从事的工作是："+work+"< br>");
   //将"爱好(hobby)"和"工作(work)"保存在session对象中
   session.setAttribute("hobby",hobby);
   session.setAttribute("work",work);
%>
<form name="form1" method="post">
 <input type="hidden" name="name" value="<%=name%>">
 <input type="hidden" name="hobby" value="<%=hobby%>">
 <input type="hidden" name="work" value="<%=work%>">
 <p><h3>确认提交这些信息吗？</h3></p>
 <input type="Button" name="Submit" value="确认" onClick="javascript:submit1()">
 <input type="Button" name="Edit" value="修改" onClick="javascript:edit1()">
</form>
<hr>
<p><font size="2">*将"爱好(hobby)"和"工作(work)"保存在session对象中,让后续页面(下个页面、下下个页面、……)引用</font></p>
<p><font size="2">*由于"名字(name)"在上个页面中已经保存在session对象中了,这里没必要再次保存</font></p>
</body>
</html>
 
04.jsp
<html>
<head>
<title>从 sessoin对象中获取数据</title>
</head>
<%@ page contentType="text/html;charset=GB2312" %>
<body>
<h3>从 sessoin对象中获取数据</h3>
<%
   //从 sessoin对象中获取数据
   String name=(String)session.getAttribute("name");
   String work=(String)session.getAttribute("work");
   String hobby=(String)session.getAttribute("hobby");
%>
<p>
 <font color="#0000FF"><%=name%></font>，你好！你所从事的工作是<font color="#0000FF"><%=work%></font>，在业余时间喜欢<font color="#0000FF"><%=hobby%></font>。
</p>
</body>
</html>
 
01.jsp
<html>
<head>
<title>利用表单传递数据</title>
</head>
<%@ page contentType="text/html;charset=GB2312" %>
<%
   String name=new String(request.getParameter("name").getBytes("ISO8859_1"),"GBK");
   String hobby=new String(request.getParameter("hobby").getBytes("ISO8859_1"),"GBK");
   String work=new String(request.getParameter("work").getBytes("ISO8859_1"),"GBK");
%>
<body>
<h3>利用表单传递数据</h3>
<form name="form1" method="post" action="02.jsp">
  <p>你的姓名：
     <input type="text" name="name" value="<%=name%>">
 </p>
 <p>你的爱好：
     <input type="text" name="hobby" value="<%=hobby%>">
 </p>
 <p>你所从事的行业：
     <select name="work">
          <%if(work.equals("学生")){%>
        <option value="学生" selected>学生</option>
        <option value="IT业">IT业</option>
        <option value="商业">商业</option>
        <option value="制造业">制造业</option>
        <option value="服务业">服务业</option>
          <%}else if(work.equals("IT业")){%>
        <option value="学生">学生</option>
        <option value="IT业" selected>IT业</option>
        <option value="商业">商业</option>
        <option value="制造业">制造业</option>
        <option value="服务业">服务业</option>
          <%}else if(work.equals("商业")){%>
        <option value="学生">学生</option>
        <option value="IT业">IT业</option>
        <option value="商业" selected>商业</option>
        <option value="制造业">制造业</option>
        <option value="服务业">服务业</option>
          <%}else if(work.equals("制造业")){%>
        <option value="学生">学生</option>
        <option value="IT业">IT业</option>
        <option value="商业">商业</option>
        <option value="制造业" selected>制造业</option>
        <option value="服务业">服务业</option>
              <%}else if(work.equals("服务业")){%>
        <option value="学生">学生</option>
        <option value="IT业">IT业</option>
        <option value="商业">商业</option>
        <option value="制造业">制造业</option>
        <option value="服务业" selected>服务业</option>
              <%}%>
     </select>
 </p>
 <p>
     <input type="Submit" value="提交">
     <input type="Reset" value="重置">
 </p>
</form>
</body>
</html>
 
kt400_hhx
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
spring-web-rss-channels：使用Spring MVC和JSP构建的全栈RSS阅读器Web应用程序。 它使用诸如Spring，JPA，Bootstrap，Apache Tiles，JSP等库。还有一个称为Checkstyle的静态代码分析工具
01-29
像从未验证过一样验证表单！ JavaMail API提供了独立于平台和协议的框架来构建邮件和消息传递应用程序。 运行应用程序 在Windows上 # # Build application from base directory using Maven Wrapper mvnw.cmd clean...
Email-System-Using-Java-JSP-Servlet-MySql:该项目涉及邮件系统。 该邮件系统项目具有不同的模块示例，例如，新用户从gmail以注册表单的形式创建我们的帐户，并且现有用户可以登录到名为该邮件系统的表单中作为登录名。 电子邮件系统（或Intranet邮件）已被私有化，并且以Hotmail之类的不同形式存在。 免费邮件。 主要是网络邮件该项目将提供一种简便的方法来使用您的gmail创建新帐户并免费回复，转发，删除，接收和发送邮件
05-13
该邮件系统项目具有不同的模块示例，例如，新用户从gmail以注册表单的形式创建我们的帐户，并且现有用户可以登录到名为该邮件系统的表单中作为登录名。 电子邮件系统（或Intranet邮件）已被私有化，并且以Hotmail之...
JSP基础（十）——JavaBean和表单处理
zl_StepByStep的博客
10-12 3884
JavaBean是一种可重用组件技术，可以将内部动作封装起来，用户不用了解其如何运转，只需要知道如何调用及处理对应的结果即可。在动态网站开发应用中，使用JavaBean可以简化jsp页面的设计与开发，提高代码的可读性从而提高网站应用的可靠性和可维护性。下面我来简单介绍一下JavaBean技术以及如何运用在表单上。 一、简单了解一下JavaBean 1.1 什么是JavaBean
[JSP] 利用JavaBean来传递表单数据
我的博客
06-03 1389
利用JavaBean来传递表单数据 新建一个表单, 用来提交数据, 代码如下 <form name="login" action="loginResponse.jsp"> 请输入您的用户名:<br /> <input type="text" name="user_name"/><br /> 请输入您的年龄:<br /> <input type
JAVA web 02（jsp的基本语法和表单提交方式）
m0_67094505的博客
03-30 415
思维导图： 一、jsp的基本语法： 1.
Javaweb课后习题，Javaweb练习题及答案
可乐小钢炮的博客
05-06 2万+
第1章网页开发基础 习题 一、填空题 1.HTML是英文【 】的缩写。 2.标记用于定义HTML文档所要显示的内容，也称为【 】。 3.在表格标记中用于设置是否显示边框的属性是【 】。 4.引入CSS的方式有4种，分别为【 】、行内式（也称为内联样式）、【 】和导入式。 5.W3C中将DOM标准分为3个不同的部分：【 】、【 】和【 】。 二、判断题 1.在实际开发中，开发者只需将后台数据展示在相...
JavaWeb开发之JSP基本语法&表单提交方式
qq_63492318的博客
03-28 2592
目录 一、Jsp的基本语法 二、表单的两种提交方式 好啦，今天开始我们就一起来看看学习有关jsp的相关知识吧， 接下来就让我们一起来看看jsp的一些基本语法~ 1、jsp是什么？ jsp全称：Java Server Pages 其实就是在HTML中嵌入Java代码 由应用服务器中的JSP引擎来编译和执行嵌入的Java代码 然后将生成的整个页面信息返回给客户端 2、JSP的运行原理？ 翻译.jsp-->.java 编译.java->.class 运行 3、jsp模板
JSP动态网站开发基础教程与实验指导(从基础到应用)光盘
06-01
9.4.5 JavaScript表单验证 230 9.4.6 JavaScript其他功能 231 9.5 扩展练习 232 第10章 宠物诊所系统分析 235 10.1 系统概述 235 10.1.1 需求分析 235 10.1.2 系统用例图 236 10.1.3 系统设计 239 10.2 数据库设计 ...
JavaScript完全自学宝典 源代码
12-31
1.4.html 使用JavaScript对网页中的内容进行验证。 1.5.html HMTL中调用.js文件。 1.6.html 使用“”标记，实现的滚动字幕效果。 1.7.html 使用JavaScript实现简单的字幕滚动。 1.8.html 使用...
Java Web应用详解.张丽(带详细书签).pdf
04-23
6.4 HTML表单验证 6.5 FCKeditor 框架应用 第7章 JDBC数据库连接 7.1 JDBC 概述 7.2 JDBC的工作原理 7.3 数据库的安装与使用 7.4 JDBC 编程 7.5 网络留言板V1.0 第8章数据库连接池技术 8.1 数据库连接池 ...
【Java Web】在html界面中提交表单，由jsp进行接收并展示[jsp的接收使用的是jsp内置对象] 【上课记录】
Bessie_Lee
09-27 1493
html代码jsp代码截图展示。
JSP内置对象————JSP实用教程
最新发布
HaoXueGong的博客
05-27 871
其后每次发送新的请求都会创建新的连接；通过value属性指定了选项的值，在表单提交时，Web服务器将会接收到一个名为gender，值为 "male" 或 "female" 的参数。在上面的示例中，我们创建了一个表单，通过POST方式提交表单数据到process.jsp页面，其中表单包含了一个用户名文本框和一个密码文本框，以及一个提交按钮。在上面的示例中，我们创建了一个表单，通过POST方式提交表单数据到process.jsp页面，其中表单包含了一个用户名文本框和一个密码文本框，以及一个提交按钮。
html中对表格数据进行计算,HTML表格中的JavaScript计算
weixin_29343657的博客
06-04 1826
我对JavaScript非常陌生，所以我甚至不知道这是否是正确的语言来尝试此操作，但我想我会尝试。我已经阅读了其他几篇文章，但是我没有找到真正给我一个关于如何做到这一点的想法，所以我在这里问。我读过的所有例子都是用户输入的数字和/或选择。但是，我正在寻找一种静态的计算方法。我将信息输入到HTML中的表格中，JavaScript计算信息并将信息输出到表格中的单元格。下面是我对迄今表的代码(我知道这是...
jsp将html转义解析
li22356的博客
02-10 333
jsp将html转义解析
HTML提交表单数据到JSP页面作为jsp中查询MYSQL数据库的条件
05-31 1070
HTML界面负责创建两个输入文本框和一个提交按钮，向JSP界面发送数据。 morrTime.jsp为接收数据的JSP界面。 HTML部分如下图展示： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> body{ background-imag.
jsp的form表单提交几种方式
热门推荐
java_exception_souji的博客
12-29 3万+
1.form表单submit直接提交数据 " />     from表单提交               ID:                                   用户名：                                   密码：              
jsp基本语法和表单提交方式
m0_67331668的博客
03-26 3593
hello，又到了分享知识的时候啦，今天给大家带来的是jsp基本语法和表单提交方式，如果有填充可以留言哦。 为什么需要基于B/S技术的动态网页？ 使用动态网页，可以动态输出网页内容、同用户进行交互、对网页内容进行在线更新 B/S技术的特点是什么？ 什么是bs/cs？ bs:brower/server 浏览器，服务器 cs:client/server 客户端，服务器 一、jsp基本语法 JSP (Java Server Pages)是指： 在HTML中嵌入Java脚本代码 ...
超链接 a href 提交表单通过get/post方式
monster的博客
11-25 5996
我们知道超链接一般是通过get方式提交表单的，如下列子： <body align="center"> 超链接一般是通过get方式提交表单的，如下列子： <a href='index.jsp?page=1&text?sss'>这是超链接提交-->首页</a> <br> 如果想用超链...
用jsp实现登录一个表单
03-28
在JSP页面中，我们将处理表单提交并验证用户凭据。 以下是login.jsp页面的示例代码： ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> *" %> <!DOCTYPE html> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值