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

最新推荐文章于 2023-02-10 14:37:06 发布
最新推荐文章于 2023-02-10 14:37:06 发布
阅读量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
关注
通过JSP网页连接MySQL数据库并进行输入校验
qq_45111873的博客
04-16 1840
（1）浏览器通过提交输入的数据给JSP，JSP负责接收提交来的数据并进行校验，看这些数据是否存在在数据库当中。 （2）前面我们已经通过tomcat服务器在浏览器中运行过这个登录界面，登录的用户名和密码只要符合填写规则，都会通过检验，这个校验指的是填写符合规则校验，现在我们要做的就是如果我们的用户有注册过，后台数据库会存有注册过的用户名和密码，现在我们要校验的是填写的用户名和密码是否在我们的数据库当...
JSP处理HTML表单
04-02
关于使用JSP对HTML表单进行处理,是一部分课件，仅供参考
【JSP】表单提交与表单验证
热门推荐
moxiaomomo的专栏
01-25 3万+
几点小结: (1)使用form表单提交数据，提交后的数据将会在另一个jsp页面进行处理。也可以实现不跳转，同时使用ajax进行局部更新，这里暂不进行说明。 (2)提交表单前需要进行数据验证时，响应在form中onsubmit事件，数据合法则返回true，然后实现页面跳转;数据不合要求则返回false，页面便不会跳转。 (3)要考虑中文参数的传递。由于浏览器，web服务器，数据库等的默认编码不
JSP中的必用的HTML元素_表单
weixin_30830327的博客
07-17 233
作为收集和渲染但最终也是为收集客户端数据的表单 　　虽然html不作为jsp规范的一部分，但是确实jsp重要的一部分，先抛弃html语法细则，只记录后端必须应该会的HTML元素，即表单。上面的标题已经很明确了，表单是为收集用户用户的浏览器脚本元素，也应用于渲染响应数据并最终让客户端修改更新（还是收集数据），下面将以代码形式记录下所有的浏览器将其作为请求体的标签元素，方便在合适的场景选用合...
JSP报表打印的一种简单解决方案
Jerome Kwok网络日志
01-23 665
1. 在word或Excel中制作报表的样式。 Excel的行高和列宽单位无法用mm或cm表示。需要计算。在1024*768下，1CM约为38像素。 以此为基准，可计算并控制报表的行列位置。2. 在word中设置“表格——标题行重复”。在Excel中设置“文件——页面设置——工作表——打印标题”。3. 另存为网页，改后缀名“htm”为“JSP”。4. word报表文件头
使用jsp-servlet-service-dao四层结构完成用户信息的增删改查操作
12-22
然后，这些信息被传递给JSP页面进行展示。 - **修改页面**：用户可以编辑自己的信息，Servlet接收更新请求，Service层处理数据更新，DAO执行相应的SQL更新语句。 - **权限控制**：为了防止普通用户删除其他用户，...
网站开发之MyEclipse简单实现JSP网页表单提交及传递值1
08-03
在本文中，我们将探讨如何使用MyEclipse进行网站开发，特别是如何实现JSP网页表单的提交和传递值。这是一篇适合初学者的基础教程，旨在帮助学生掌握基本的Web开发技能。 首先，我们需要创建一个新的Web Service工程...
基于jsp的表单多种控件接收例子
03-18
本示例"基于jsp的表单多种控件接收例子"聚焦于如何使用JSP来接收前端表单中不同类型的控件（如文本输入、选择框、复选框等）传递的数据。以下将详细讲解这个知识点。 1. **JSP基本概念** JSP是一种Java技术，它...
实验二 JSP表单开发及访问数据库
02-08
实验二“JSP表单开发及访问数据库”旨在让学生掌握JSP动态网页技术与数据库交互的基本操作。实验主要涵盖两个核心知识点：JSP表单的创建与处理，以及使用JDBC连接和操作数据库。 首先，JSP表单是网页中用于收集用户...
JSP之表单提交get和post的区别详解及实例
01-20
这是处理POST请求的JSP页面，它接收并处理来自login.jsp的表单数据。在dologin.jsp中，可以通过`request.getParameter("username")`和`request.getParameter("password")`来获取用户名和密码。然后，可以进行验证、...
html或jsp实现打印三种方法
xiaoheliushuiya
12-02 892
1.使用window.print()方法 优点：支持多浏览器 缺点：取消打印，隐藏打印不必要的信息后再显示比较麻烦 如下实现，可以打印当前页面 &lt;input name ="Button" value="火狐谷歌打印" type="button" onclick="window.print()" /&gt; 2.使用第三方插件的功能进行打印，eg:ireport报表插件 ...
jsp将html转义解析
最新发布
li22356的博客
02-10 392
jsp将html转义解析
HTML提交表单数据到JSP页面作为jsp中查询MYSQL数据库的条件
05-31 1197
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.
html表单js自动计算,用Javascript制作会计算的表单
weixin_30697437的博客
06-04 1147
我们在制作定购单时，往往要计算客户定购物品的货款，HTML并没有提供这种在线计算的功能，但我们用Javascript程序可以实现这种在线汇总计算的功能。当然一个完整的定货单可能涉及许多表单标记，如何获取各表单标记的value值是解决问题的关键。本例的方法将告诉你如何去获得各表单元素的value值，并加以计算。你看下面这张定货单，它虽涉及多种表单元素(如单选框、复选框、单行文本框等等)，但你可以随意...
java 利用jsp打印html页面
托妞专栏
02-20 3236
以下代码可以直接调用，在oPrintBtn.onclick=function()｛｝函数中可以控制需要打印输出的内容，电脑连打印机时可以直接打印，没有打印机时，可用Google打开，可以生成PDF文件保存到本地。 打印测试 #customers{font-family:"Trebuchet MS", Arial, Helveti
html jsp实现登陆,jsp实现登陆验证码
weixin_35299004的博客
06-18 390
填写输入信息index.jspmethod=postaction="result.jsp">type=textname=inputmaxlength=4>border=0src="image.jsp">type="submit"value="submit">生成图片image.jspimport="java.awt.*,java.awt.image.*,java.util....
一个按钮显示九九乘法表html,在JSP页面显示九九乘法表
weixin_29467373的博客
06-15 1693
pageEncoding="UTF-8"%>Insert title here{for (int j = 1; j <=i; j++){int s=j*i;%>"%>JSP页面输出九九乘法表--JSP基础index.jsp: JSP基础语法---九九乘法表-java jsp使用JSP表达式和JSP脚本打印九九乘法表首先使用JSP声明声明一个函数用于得到九九乘法表的内容 JS...
JavaWeb开发之JSP基本语法&表单提交方式
qq_63492318的博客
03-28 2747
目录 一、Jsp的基本语法 二、表单的两种提交方式 好啦，今天开始我们就一起来看看学习有关jsp的相关知识吧， 接下来就让我们一起来看看jsp的一些基本语法~ 1、jsp是什么？ jsp全称：Java Server Pages 其实就是在HTML中嵌入Java代码 由应用服务器中的JSP引擎来编译和执行嵌入的Java代码 然后将生成的整个页面信息返回给客户端 2、JSP的运行原理？ 翻译.jsp-->.java 编译.java->.class 运行 3、jsp模板
JSP文件上传详解与HTML表单处理
"本文主要介绍了如何使用JSP处理HTML表单以及实现文件上传功能。在JSP中，HTML表单是客户端与服务器交互的重要手段，数据通过request对象传递。表单可以通过GET或POST方法发送，其中POST方法适用于传递大数据或二...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值