设计表单页面，它是静态页面，使用HTML编写，而且使用了JavaScript脚本语言来验证填写表单数据，表单页面为form.htm，代码如下：

<html>
<head><title>教师信息登记表</title></head>
<script language="JavaScript">
function checkit(){
    var theForm;
    theForm=document.teacForm;
    if(theForm.Name.value==""){
    alert("请输入教师注册名！");
    document.teacForm.Name.focus();
    return false;
    }
    if(theForm.TrueName.value==""){
    alert("请输入教师真实姓名！");
    theForm.TrueName.focus();
    return false;
    }
    if(theForm.PersonalCode.value==""){
    alert("身份证号码不能为空！");
    theForm.PersonalCode.focus();
    return false;
    }
    if(theForm.pwd.value==""){
    alert("密码不能为空！");
    theForm.pwd.focus();
    return false;
    }
    if(theForm.cfmpwd.value==""){
    alert("前后两次输入的密码不一致！");
    theForm.cfmpwd.focus();
    return false;
    }
    if(theForm.BirthDate.value==""){
    alert("请选择出生日期！");
    theForm.BirthDate.focus();
    return false;
    }
    if(theForm.HomeNum.value==""){
    alert("电话号码不能为空！");
    theForm.HomeNum.focus();
    return false;
    }
    if(theForm.Email.value==""){
    alert("Email不能为空！");
    theForm.Email.focus();
    return false;
    }
    if(theForm.Office.value==""){
    alert("请选择办公所在教研室！");
    theForm.Office.focus();
    return false;
    }
    if(theForm.Edu.value==""){
    alert("请选择您的最高学历！");
    theForm.Edu.focus();
    return false;
    }
    if(theForm.Post.value==""){
    alert("请选择您的职称！");
    theForm.Post.focus();
    return false;
    }
    theForm.submit();
}
</script>
<body>
<center>
<h1>教师信息登记表</h1>
<hr>
<form name="teacForm" action="submitform.jsp" method="post">
<table>
<tbody>
<tr>
<td><b>注册名称</b></td>
<td><input type="text" name="Name" size="10"></td>
</tr>
<tr>
<td><b>登陆密码</b></td>
<td><input type="password" name="pwd" size="20"></td>
</tr>
<tr>
<td><b>重复密码</b></td>
<td><input type="password" name="cfmpwd" size="20"></td>
</tr>
<tr>
<td><b>真实姓名</b></td>
<td><input type="text" name="TrueName" size="10"></td>
</tr>
<tr>
<td><b>身份证号</b></td>
<td><input type="text" name="PersonalCode" size="20"></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 checked value=""></option>
<option value="1952">1952</option>
<option value="1953">1953</option>
<option value="1954">1954</option>
<option value="1955">1955</option>
<option value="1956">1956</option>
<option value="1957">1957</option>
<option value="1958">1958</option>
<option value="1959">1959</option>
<option value="1960">1960</option>
<option value="1961">1961</option>
<option value="1962">1962</option>
<option value="1963">1963</option>
<option value="1964">1964</option>
<option value="1965">1965</option>
<option value="1966">1966</option>
<option value="1967">1967</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
</select>
</td>
</tr>
<tr>
<td><b>联系电话</b></td>
<td><input type="text" name="HomeNum" size="15"></td>
</tr>
<tr>
<td><b></b>E-mail</td>
<td><input type="text" name="Email" size="30"></td>
</tr>
<tr>
<td><b>办公地点</b></td>
<td>
<select name="Office">
<option checked value=""></option>
<option value="理学院院长室">院长室</option>
<option value="理学院副院长室">副院长室</option>
<option value="信息与计算科学教研室">信息与计算科学教研室</option>
<option value="基础数学教研室">基础数学教研室</option>
</select>
</td>
</tr>
<tr>
<td><b>最高学历</b></td>
<td>
<select name="Edu">
<option checked value=""></option>
<option value="院士">院士</option>
<option value="博士后">博士后</option>
<option value="博士">博士</option>
<option value="硕士">硕士</option>
<option value="学士">学士</option>
</select>
</td>
</tr>
<tr>
<td><b>职称</b></td>
<td>
<select name="Post">
<option checked value=""></option>
<option value="教授">教授</option>
<option value="副教授">副教授</option>
<option value="讲师">讲师</option>
<option value="助教">助教</option>
<option value="助读">助读</option>
</select>
</td>
</tr>
</tbody>
</table>
<p align="center">
<input type="button" value="提交" name="Submit" onclick="checkit()">
<input type="reset" value="重填" name="Submit2">
</p>
</form>
</body>
</html>

通过上面的表单：

<form name="teacForm" action="submitform.jsp" method="post">

我们想要将用户提交的表单提交到submitform.jsp页面进行处理，接下来完成submitform.jsp页面处理表单的工作，程序代码如下：

<%@ page language="java" contentType="text/html;charset=GB2312"%>
<%@ page import="java.util.*,java.io.*" %>
<html>
<head><title>教师信息登记表</title></head>
<body>
<!--对提交到该JSP页面含有中文的信息实现以中文正常显示-->
<%request.setCharacterEncoding("GBK");%>
<center>
<table width="400">
<tbody>
<tr>
<td><b>注册名称</b></td>
<!--从用户提交表单获取注册名称-->
<td><%=request.getParameter("Name")%></td>
</tr>
<tr>
<td><b>登陆密码</b></td>
<!--从用户提交表单获取登录密码-->
<td><%=request.getParameter("pwd")%></td>
</tr>
<tr>
<td><b>真实姓名</b></td>
<!--从用户提交表单获取真是姓名-->
<td><%=request.getParameter("TrueName")%></td>
</tr>
<tr>
<td><b>身份证号</b></td>
<!--从用户提交表单获取身份证号-->
<td><%=request.getParameter("PersonalCode")%></td>
</tr>
<tr>
<td><b>性别</b></td>
<!--从用户提交表单获取性别-->
<td>
<%=request.getParameter("Sex")%>
</td>
</tr>
<tr>
<td><b>出生日期</b></td>
<!--从用户提交表单获取出生日期-->
<td><%=request.getParameter("BirthDate")%></td>
</tr>
<tr>
<td><b>联系电话</b></td>
<!--从用户提交表单获取联系电话-->
<td><%=request.getParameter("HomeNum")%></td>
</tr>
<tr>
<td><b></b>E-mail</td>
<td><%=request.getParameter("Email")%></td>
</tr>
<tr>
<td><b>办公地点</b></td>
<!--从用户提交表单获取办公地点-->
<td><%=request.getParameter("Office")%></td>
</tr>
<tr>
<td><b>最高学历</b></td>
<!--从用户提交表单获取最高学历-->
<td><%=request.getParameter("Edu")%></td>
</tr>
<tr>
<td><b>职称</b></td>
<!--从用户提交表单获取职称-->
<td><%=request.getParameter("Post")%></td>
</tr>
</tbody>
</table>
</center>
</body>
</html>

测试代码：

启动Tomcat Web 服务器，在IE地址栏中键入下面超链接地址：

http://localhost:8080/sky2098/form/form.htm

打开表单页面，如图所示：

填写表单拟测试数据，用于测试页面处理情况，如图所示：

点击“提交”按钮，将数据提交，JSP页面将处理后的数据写回客户端页面，如图所示：

表单数据提交成功。

转账地址http://blog.csdn.net/sky2098/article/details/1540331

【转】JSP提交表单的更多相关文章

  1. 在jsp提交表单的参数封装到一个方法里

    建议去看一下孤傲苍狼写的Servlet+JSP+JavaBean开发模式(http://www.cnblogs.com/xdp-gacl/p/3902537.html), 最好把他JavaWeb学习总 ...

  2. JSP提交表单的几种方法

    1.通过<form action="url"><input type="submit"></form>按钮方式提交 这种方式 ...

  3. jsp提交表单问题

    以form形式提交的话 String usernameInForm = hreq.getParameter("username");String passwordInForm = ...

  4. Ajax在jQuery中的应用 （4）向jsp提交表单数据

    ajax技术带给我们的是良好的用户体验,同时,使用jquery可以简化开发,提高工作效率. 下面就介绍一下大致的开发步骤. 工具/原料 本文中使用的是 jquery-1.3.2.min.js 方法/步 ...

  5. ssm框架使用jsp提交表单到controller

    jsp代码: controller代码:

  6. 总结：JSP几种提交表单方法

    问题描述: 最近进了一家“老公司”工作,说他老不是说他成立的早,是因为他的编程框架太l.......low了.EJB的规范模式,使用是IBM经过Eclipse二次开发出来的RAD(Rational A ...

  7. jsp中普通按钮如何提交表单

    jsp中普通按钮如何提交表单方法1: <form action = "提交的地址">         <input type="submit" ...

  8. 简单Demo的用户登录JSP界面IE、Firefox（chrome） Enter 键提交表单

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  9. Web jsp开发学习——Servlet提交表单时用法

     实现提交表单以后判断输入的信息是否符合条件    若符合条件   先新建servlet  Sevlet的两种声明方式,二选一即可  再到web.xml里注册   register.jsp就是表单的界 ...

随机推荐

  1. 大数据“重磅炸弹”——实时计算框架 Flink

    Flink 学习 项目地址:https://github.com/zhisheng17/flink-learning/ 博客:http://www.54tianzhisheng.cn/tags/Fli ...

  2. Python3基础（1）Python介绍、Python2 与Python3、变量、用户输入、if...else和for循环、while循环、break与continue

    ---------------个人学习笔记--------------- ----------------本文作者吴疆-------------- ------点击此处链接至博客园原文------ P ...

  3. mac下远程win8.1时提示"桌面连接无法验证您希望连接的计算机的身份"的解决办法

    在os x下使用远程桌面到win8.1,总出现“远程桌面连接无法验证您希望连接的计算机的身份”的提示. 解决方法:1.网上各种解释,包括防火墙是否打开,是否去掉“仅允许运行使用网络级别身份验证的远程计 ...

  4. Apache activiti5.13工作流框架的表结构详解

    1.结构设计 1.1.    逻辑结构设计 Activiti使用到的表都是ACT_开头的. ACT_RE_*: ’RE’表示repository(存储),RepositoryService接口所操作的 ...

  5. jsch连接Linux工具类

    import com.alibaba.fastjson.JSONObject;import com.jcraft.jsch.*;import org.slf4j.Logger;import org.s ...

  6. spring mvc <mvc;resources>

    spring mvc 的<mvc;resources mapping="***" location="***">标签是在spring3.0.4出现的 ...

  7. C# 只运行一个实例 ShowWindowAsync 窗体隐藏时失效 解决方案

    如果窗体已经隐藏,那么利用instance.MainWindowHandle得到的句柄为空,继而ShowWindowAsync 操作失败 不过我们可以使用FindWindow来查找到指定窗体的句柄 只 ...

  8. JAVA中的多态概念

    多态性是指同一操作作用于某一类对象,可以有不同的解释,产生不同的执行结果. 多态存在的三个必要条件 需要存在继承和实现关系 同样的方法调用而执行不同操作,运行不同代码. 在运行时父类或者接口的引用变量 ...

  9. 画报表框架——Echarts.js

    官网:http://echarts.baidu.com/index.html ————————————————————————————————— 先看看我做的第一个柱状图形报表 ——————————— ...

  10. A011 Activiti工作流程开发的一些统一规则和实现原理（完整版）

    注意:以下规则是我为了规范流程的处理过程,不是Activiti公司的官方规定. 1.流程启动需要设置启动者,在Demo程序中,“启动者变量”名统一设置为initUserId 启动时要做的: ident ...