设计表单页面，它是静态页面，使用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. 数据库的 2个参数 NLS_LENGTH_SEMANTICS 说明，comment 说明

    ############### sample 1: NLS_LENGTH_SEMANTICS 1.数据库字符集选择的是NLS_CHARACTERSET=UTF8,如果NLS_CHARACTERSET= ...

  2. OpenStack Weekly Meeting 2015.07.17

    Reviews(Company) 1 Mirantis 11562 HP 1653 Huawei 15 Reviews(Persons) 1 Ekaterina Chernova ✻ 2852 Kir ...

  3. （6）ASP.NET Core 中使用IHttpClientFactory发出HTTP请求

    1.HttpClient类使用存在的问题 HttpClient类的使用所存在的问题,百度搜索的文章一大堆,好多都是单纯文字描述,让人感觉不太好理解,为了更好理解HttpClient使用存在的问题,下面 ...

  4. Java日志格式应该是占位符还是字符串拼接

    背景 ​ 上次在群中,有个群友说自己把所有项目中,所有使用占位符打印日志的方式都修改成为了字符串拼接的方式,因为他曾经看了一篇文章,说字符串拼接的形式比占位符形式的性能更好,这个话题引起了大家的广泛讨 ...

  5. asp.net5开发中DNX SDK版本的影响

    某次asp.net5开发中遇到了一个很奇怪的问题,引用部分的nuget包没有显示任何错误,如下图: 但是编译时出现了几百个错误: 错误基本都是形如“CS0246 The type or namespa ...

  6. 关于小程序后台post不到数据的问题

    小程序post请求获取不到数据问题 把headers的参数“Content-Type”的值改为application/x-www-form-urlencoded: Request Body Type ...

  7. Vue.js（2.x）之插值

    看了一些友邻写的文章,不少是基于1.0版本的,有些东西在2.x版本应该已经废除了(如属性插值.单次插值在2.x版本上运行根本不执行).对于不理解的东东,找起资料来就更麻烦了.不得不老老实实线下测试并整 ...

  8. 如何查看与显示oracle表的分区信息

    显示分区表信息 显示数据库所有分区表的信息:DBA_PART_TABLES 显示当前用户可访问的所有分区表信息:ALL_PART_TABLES 显示当前用户所有分区表的信息:USER_PART_TAB ...

  9. 再回首win98

    因为一个软件只能运行在win98上,所以上个win98虚拟机. 下载的是经典的Win98.SE.iso 307M. 真是小巧呀,感慨现在的win8.1的3.69G,真是没法比. 原来是没有用过老古董的 ...

  10. Visual Studio 2015简体中文版

    Visual Studio  2015简体中文版(企业版) http://download.microsoft.com/download/B/8/F/B8F1470D-2396-4E7A-83F5-A ...