设计表单页面，它是静态页面，使用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. Linux网络管理命令ifdown/ifup与ifconfig/ip中的down/up命令的对比

    参考了:https://blog.csdn.net/GDUTLYP/article/details/50498202 以下网卡均采用eth1说明. 相同点——[启用]和[禁止]网卡 ifdown et ...

  2. Spark Mllib里的协调过滤的概念和实现步骤、LS、ALS的原理、ALS算法优化过程的推导、隐式反馈和ALS-WR算法

    不多说,直接上干货! 常见的推荐算法 1.基于关系规则的推荐 2.基于内容的推荐 3.人口统计式的推荐 4.协调过滤式的推荐 (广泛采用) 协调过滤的概念 在现今的推荐技术和算法中,最被大家广泛认可和 ...

  3. log(A/B) = logA -logB

    令 X = logA, Y = logB, Z=log(A/B) .2x = A, 2y = B, 2z = A/B, 则有 2z = A/B = 2x / 2y = 2x-y ,有z = x-y,即 ...

  4. Htpp通讯协议详解

    转自:http://blog.csdn.net/gueter/archive/2007/03/08/1524447.aspx Author :Jeffrey 引言 HTTP是一个属于应用层的面向对象的 ...

  5. JAVA基础系列（一） 概述与相关概念

    万事开头难,来这个平台上已经有一段时间了,看到了很多高质量的文章,也很喜欢这种简约的风格.一直也想把自己的零散的知识体系组织起来,但苦于自己拙劣的文笔和不成流派的风格让大家笑话,直到现在才开始.可是从 ...

  6. mysql存储方式MyISAM 和 InnoDB的区别

    MyISAM 和 InnoDB 讲解: InnoDB和MyISAM是许多人在使用MySQL时最常用的两个表类型,这两个表类型各有优劣,视具体应用而定.基本的差别为:MyISAM类型不支持事务处理等高级 ...

  7. DataBinding 访问 3

    MVVM中的Model 我们可以用任何POJO 作为 data binding 的 Model, 但是直接修改POJO对象,不能直接更新UI android的 dataBinding 模块 给提供了通 ...

  8. 无法定位程序输入点到_ftol2于动态链接库msvcrt.dll的错误的解决

    作者:朱金灿 来源:http://blog.csdn.net/clever101 今天同事在Windows XP系统上运行程序遇到这样一个错误: 我试了一下,在Win7上运行则没有这个错误.只是程序运 ...

  9. 创作了一个xml的替代格式

    xml格式: <?xml version="1.0" encoding="GB2312"?> <Relations> <Relat ...

  10. Compaq Visual Fortran生成静态库的方法及使用

    Compaq Visual Fortran 6.5生成lib静态库详细方法: 打开Compaq Visual Fortran,新建Fortran Static Library工程,命名为ForLib: ...