设计表单页面，它是静态页面，使用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. Ubuntu系统下同时打开多个终端窗口的软件

    sudo apt-get install Terminator

  2. HDU 5734 A - Acperience

    http://acm.hdu.edu.cn/showproblem.php?pid=5734 Problem Description Deep neural networks (DNN) have s ...

  3. Linux利用iptables实现真-全局代理

    对于经常要浏览油管等被墙网站的人而言,利用代理来实现fq是非常有必要的.现在fq的方法中,最为主流的应该要数ssr了,因此本教程都是基于ssr的socks5代理而言的. 在windows中,ssr客户 ...

  4. android 开发-文件存储之读写sdcard

    android提供对可移除的外部存储进行文件存储.在对外部sdcard进行调用的时候首先要调用Environment.getExternalStorageState()检查sdcard的可用状态.通过 ...

  5. 批量 多个JPG生产PDF .net C#

    using iTextSharp.text; using iTextSharp.text.pdf; using System; using System.Collections.Generic; us ...

  6. orcale开篇

    1.数据库系统和数据库的管理系统  数据库系统=数据库的管理系统+oper操作员+硬件2.Oracle的版本  8i/ 9i 10g/11g  12c(cloud)3.实例和数据库的关系  实例:数据 ...

  7. web开发模式小结：页面乱码和跳转

    本文由付老师总结书写 java开发模式: (1)第一种开始模式:javaBean+jsp : 优点:可以为web程序在jsp中减少java代码量 适用于该开发模式的jsp的动作元素:<jsp:u ...

  8. linux nginx 404错误页面设置

    配置nginx 实现404错误 返回一个页面 1.配置nginx.conf 在http代码块 添加 fastcgi_intercept_errors on; 2.在网站的sever代码块 添加 err ...

  9. java.lang.ClassNotFoundException:org/apache/commons/collections/CursorableLinkedList

    明明有 commons-collections.jar 将jar包复制到Tomcat的WEB-INF/lib下就可以了...

  10. 【extjs6学习笔记】1.12 初始： Working with DOM

    http://www.extjs-tutorial.com/extjs/working-with-dom Ext JS是一个DHTML库. 它通过使用JavaScript创建或操作DOM元素来创建UI ...