一个简单的ASP表单提交

ASP 在线教程

通过本章6.3节的学习，我们已经掌握了Content Linking组件的基本使用方法及简单应用。我们知道，该组件可以动态建立链接目录，很适合制作联机报刊、电子读物网站以及论坛邮件和在线教程等。本次练习我们将创建一个简单的在线教程实例，用户在这里可以浏览别人发表的教程以及添加新教程等操作。

首先介绍的是提供给用户发布新教程的页面，该页面其实只是一个普通的HTML页，使用网页制作软件（例如Dreamweaver）或者记事本可以很容易的编写出该页面。

图6-2 发布新教程页面

如图6-2所示本次实例发布新教程页面的最终效果，在这里可以输入教程标题subject和教程内容Content后单击【确定】按钮提交或者重新填写。如下所示为这个表单的布局代码，其中包括了两个输入框和两个按钮，另外Form的Action属性指定教程提交到Add_Tut.asp文件。

教 程 标 题 

Subject

Content

教 程 内 容 

type="submit" name="button" id="button" value="确 定" />   

接下来介绍的是浏览时在教程之间进行导航的被包含文件，这里仍以nextprev.inc为名称。只需包含这个文件后，在每一篇教程页面显示时都会包含一个“上一篇”和“下一篇”的导航链接，除第一页外还会显示一个“首页”链接。该文件不会自动更新，在后面将介绍添加教程后如何更新文件中的链接，如下所示为该文件的实现代码：

－１２２－中国科技信息２００７年第７期 ＣＨＩＮＡ　ＳＣＩＥＮＣＥ　ＡＮＤ　ＴＥＣＨＮＯＬＯＧＹ　ＩＮＦＯＲＭＡＴＩＯＮ　Ａｐｒ．２００７信息科技

如下设置来实现：＜ｆｏｒｍ　ａｃｔｉｏｎ＝”ａａ．ｊｓｐ”　ｍｅｔｈｏｄ＝”ｐｏｓｔ”＞３　一个表单多个Ｓｕｂｍｉｔ按钮的实现方法通常一个表单多个Ｓｕｂｍｉｔ按钮的情况多出现于Ｗｅｂ程序的后台管理系统中，一般都是同时出现二个或三个Ｓｕｂｍｉｔ按钮，如图１所示的用户管理程序中就使用了三个Ｓｕｂｍｉｔ按钮。在图１中，当点击其中的任一个Ｓｕｂｍｉｔ按钮时，程序应该如何执行呢？如果按照一个表单单个Ｓｕｂｍｉｔ按钮的实现方法，通过＜ｆｏｒｍ＞标记中的ａｃｔｉｏｎ属性来指定处理程序那肯定不行，因为该ａｃｔｉｏｎ属性只对应到一种处理程序。所以当一个表单中有多个Ｓｕｂｍｉｔ按钮时就只能另想它法。下面将介绍三种简单而常用的实现方法。方法一：使用Ｊａｖａｓｃｒｉｐｔ函数。此方法又分两种情形，一种是每个Ｓｕｂｍｉｔ按钮对应不同的Ｊａｖａｓｃｒｉｐｔ函数；另一种是所有Ｓｕｂｍｉｔ按钮使用同一个Ｊａｖａｓｃｒｉｐｔ函数，但对应不同的函数参数。（１）每个Ｓｕｂｍｉｔ按钮对应不同的Ｊａｖａｓｃｒｉｐｔ函数 这种情形，我们首先要定义几个不同的Ｊａｖａｓｃｒｉｐｔ函数，然后在每个Ｓｕｂｍｉｔ按钮的标记中设置ｏｎＣｌｉｃｋ的属性值为该按钮需用到的Ｊａｖａｓｃｒｉｐｔ函数名。如，以实现图１所示结果为例，主要实现代码设置如下：＜ｓｃｒｉｐｔ　ｌａｎｇｕａｇｅ＝＂ｊａｖａｓｃｒｉｐｔ＂＞ｆｕｎｃｔｉｏｎ　ａｄｄ（）｛ｄｏｃｕｍｅｎｔ．ｆｏｒｍ１．ａｃｔｉｏｎ＝＂ｕｓｅｒ＿ａｄｄ．ｊｓｐ＂｝ｆｕｎｃｔｉｏｎ　ｕｐｄａｔｅ（）｛ｄｏｃｕｍｅｎｔ．ｆｏｒｍ１．ａｃｔｉｏｎ＝＂ｕｓｅｒ＿ｕｐｄａｔｅ．ｊｓｐ＂浅析一个表单多个Ｓｕｂｍｉｔ按钮的简单实现方法聂常红 广州大学华软软件学院 ５１０９９０摘 要Ｓｕｂｍｉｔ按钮是实现表单内容提交的一个至关重要的对象。本文在简单介绍一个表单单个Ｓｕｂｍｉｔ按钮的提交处理方法的基础上，重点讨论了一个表单多个Ｓｕｂｍｉｔ按钮的三种简单而常用的实现方法。关键词表单；Ｓｕｂｍｉｔ；ｂｕｔｔｏｎ；Ｊａｖａｓｃｒｉｐｔ１　引言现在，几乎没有哪个Ｗｅｂ网站不涉及到表单，有表单则必然要用到Ｓｕｂｍｉｔ或ｂｕｔｔｏｎ按钮来提交表单内容。我们经常看到表单中的实现提交功能的按钮的个数不外乎有这么几种情况：一个表单单个具有提交功能的按钮；以及一个表单中多个具有提交功能的按钮。对于这些具有不同个数的具有提交功能的按钮的表单，我们的处理方法是一样吗？回答是否定的。我们知道，对于第一种情况的处理可以很容易实现，它只需使用＜ｆｏｒｍ＞标记中的ａｃｔｉｏｎ属性就可以达到目的。然而，对第二种情况的处理，如果还是按照第一种情况的提交实现方法，那绝对是行不通的，因为一个ａｃｔｉｏｎ属性只对应到一种处理程序。那么要实现表单中多个提交按钮的功能该采取什么办法呢？本文将就此提出几个简单而常用的解决方案。２　一个表单单个Ｓｕｂｍｉｔ按钮的实现方法我们知道，对于一个表单单个Ｓｕｂｍｉｔ按钮的实现方法很简单，它只需将＜ｆｏｒｍ＞标记中ａｃｔｉｏｎ的属性值设置成事件处理程序名就可以。例如，需要将表单内容提交给ａａ．ｊｓｐ（该文件与表单页面在同一文件夹中）程序进行处理，则可以按｝ｆｕｎｃｔｉｏｎ　ｄｅｌｅｔｅ１（）｛ｉｆ（ｃｏｎｆｉｒｍ（＂确定要删除吗？一旦删除将不能恢复！＂））｛　ｄｏｃｕｍｅｎｔ．ｆｏｒｍ１．ａｃｔｉｏｎ＝＂ｕｓｅｒ＿ｄｅｌｅｔｅ．ｊｓｐ＂｝｝＜／ｓｃｒｉｐｔ＞＜ｆｏｒｍ　ｎａｍｅ＝＂ｆｏｒｍ１＂　ｍｅｔｈｏｄ＝＂ｐｏｓｔ＂ａｃｔｉｏｎ＝＂＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ａｄｄ（）＂　ｖａｌｕｅ＝＂新　增＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ｕｐｄａｔｅ（）＂　ｖａｌｕｅ＝＂修　改＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ｄｅｌｅｔｅ１（）＂　ｖａｌｕｅ＝＂删　除＂＞＜／ｆｏｒｍ＞（２）所有Ｓｕｂｍｉｔ按钮使用一个带参数的Ｊａｖａｓｃｒｉｐｔ函数 这种情形，我们首先是定义一个带参数的Ｊａｖａｓｃｒｉｐｔ函数，然后在每个Ｓｕｂｍｉｔ按钮的标记中设置ｏｎＣｌｉｃｋ的属性值为该Ｊａｖａｓｃｒｉｐｔ函数名，同时设置每个Ｓｕｂｍｉｔ按钮对应不同的函数实参。同样以实现图１所示结果为例，则主要实现代码设置如下：＜ｓｃｒｉｐｔ　ｌａｎｇｕａｇｅ＝＂ｊａｖａｓｃｒｉｐｔ＂＞ｆｕｎｃｔｉｏｎ　ｉｓ＿ｓｕｂｍｉｔ（ｖａｌｕｅ）｛ｉｆ（ｖａｌｕｅ＝＝１）｛ｄｏｃｕｍｅｎｔ．ｆｏｒｍ１．ａｃｔｉｏｎ＝＂ｕｓｅｒ＿ａｄｄ．ｊｓｐ＂｝ｉｆ（ｖａｌｕｅ＝＝２）｛图１ 一个表单三个Ｓｕｂｍｉｔ按钮－１２３－ｄｏｃｕｍｅｎｔ．ｆｏｒｍ１．ａｃｔｉｏｎ＝＂ｕｓｅｒ＿ｕｐｄａｔｅ．ｊｓｐ＂｝ｉｆ（ｖａｌｕｅ＝＝３）｛ｉｆ（ｃｏｎｆｉｒｍ（＂确定要删除吗？一旦删除将不能恢复！＂））｛ｄｏｃｕｍｅｎｔ．ｆｏｒｍ１．ａｃｔｉｏｎ＝＂ｕｓｅｒ＿ｄｅｌｅｔｅ．ｊｓｐ＂；｝｝｝＜／ｓｃｒｉｐｔ＞＜ｆｏｒｍ　ｎａｍｅ＝＂ｆｏｒｍ１＂　ｍｅｔｈｏｄ＝＂ｐｏｓｔ＂ａｃｔｉｏｎ＝＂＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ｉｓ＿ｓｕｂｍｉｔ（１）＂　ｖａｌｕｅ＝＂新　增＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ｉｓ＿ｓｕｂｍｉｔ（２）＂　ｖａｌｕｅ＝＂修　改＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ｉｓ＿ｓｕｂｍｉｔ（３）＂　ｖａｌｕｅ＝＂删　除＂＞＜／ｆｏｒｍ＞方法二：直接在Ｓｕｂｍｉｔ按钮标记的ｏｎｃｌｉｃｋ属性中嵌入脚本语句，例如对图１所示结果的主要实现代码如下：＜ｆｏｒｍ　ｎａｍｅ＝＂ｆｏｒｍ１＂　ｍｅｔｈｏｄ＝＂ｐｏｓｔ＂ａｃｔｉｏｎ＝＂＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ｊａｖａｓｃｒｉｐｔ：ｄｏｃｕｍｅｎｔ．ｆｏｒｍ１．ａｃｔｉｏｎ＝＇ｕｓｅｒ＿ａｄｄ．ｊｓｐ＇＂　ｖａｌｕｅ＝＂新　增＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ｊａｖａｓｃｒｉｐｔ：ｄｏｃｕｍｅｎｔ．ｆｏｒｍ１．ａｃｔｉｏｎ＝＇ｕｓｅｒ＿ｕｐｄａｔｅ．ｊｓｐ＇＂　ｖａｌｕｅ＝＂修　改＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ｊａｖａｓｃｒｉｐｔ：ｄｏｃｕｍｅｎｔ．ｆｏｒｍ１．ａｃｔｉｏｎ＝＇ｕｓｅｒ＿ｄｅｌｅｔｅ．ｊｓｐ＇＂　ｖａｌｕｅ＝＂删　除＂＞＜／ｆｏｒｍ＞方法三：在页面中添加一个ｈｉｄｄｅｎ标记，在每个Ｓｕｂｍｉｔ按钮标记的ｏｎｃｌｉｃｋ属性中设置这个ｈｉｄｄｅｎ标记ｖａｌｕｅ值。然后在ａｃｔｉｏｎ事件处理程序中根据页面传过来的ｈｉｄｄｅｎ标记的ｖａｌｕｅ值来判断是哪个Ｓｕｂｍｉｔ按钮的事件，进而执行所触发的事件。例如对图１所示结果的实现代码设置如下：在表单页面中的代码设置：＜ｆｏｒｍ　ｎａｍｅ＝＂ｆｏｒｍ１＂　ｍｅｔｈｏｄ＝＂ｐｏｓｔ＂ａｃｔｉｏｎ＝＂＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｈｉｄｄｅｎｎａｍｅ＝＂ｃｏｍｍａｎｄ＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ｃｏｍｍａｎｄ．ｖａｌｕｅ　＝　＇ａｄｄ＇；＂ｖａｌｕｅ＝＂新　增＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ｃｏｍｍａｎｄ．ｖａｌｕｅ＝＇ｕｐｄａｔｅ＇；＂ｖａｌｕｅ＝＂修　改＂＞ ＜ｉｎｐｕｔ　ｔｙｐｅ＝ｓｕｂｍｉｔｏｎｃｌｉｃｋ＝＂ｃｏｍｍａｎｄ．ｖａｌｕｅ＝＇ｄｅｌｅｔｅ＇；＂　ｖａｌｕｅ＝＂删　除＂＞＜／ｆｏｒｍ＞在事件处理页面中的代码设置： Ｓｔｒｉｎｇ　ｃｏｍｍａｎｄ　＝ｒｅｑｕｅｓｔ．ｇｅｔＰａｒａｍｅｔｅｒ（＂ｃｏｍｍａｎｄ＂）； ｉｆ　ｆ（ｃｏｍｍａｎｄ．ｅｑｕａｌｓ（＂ａｄｄ＂））｛ ／／　执行添加用户程序 ｝ｅｌｓｅ　ｉｆ（ｃｏｍｍａｎｄ．ｅｑｕａｌｓ（＂ｕｐｄａｔｅ＂））｛ ／／　执行修改用户程序 ｝ｅｌｓｅ｛ ／／　执行删除用户程序 ｝４　总结使用Ｊａｖａｓｃｒｉｐｔ函数和脚本语句以及ｈｉｄｄｅｎ标记传值的方法是一个表单多个Ｓｕｂｍｉｔ按钮的提交处理的三种简单而常用的实现方法。当使用Ｊａｖａｓｃｒｉｐｔ函数以及脚本语句时，Ｓｕｂｍｉｔ按钮也可以用ｂｕｔｔｏｎ来代替，但需要注意的是，此时要在Ｊａｖａｓｃｒｉｐｔ函数及脚本语句中增加“ｄｏｃｕｍｅｎｔ．ｆｏｒｍ１．ｓｕｂｍｉｔ（）　”这样的一条语句，否则按钮不起作用。参考文献［１］胡崧．最新ＨＴＭＬ　＆　ＣＳＳ标准教程．中国青年出版社．２００３．４［２］杨宏文指导，黄雅玲编著．ＪａｖａＳｃｒｉｐｔ教学范本．中国铁道出版社．２００２．１［３］吴其庆．ＪＳＰ编程思想与实践．冶金工业出版社．２００３．１１参考文献［１］　ＭｃＵｍｂｅｒ　Ｗ．Ｅ．，　Ｃｈｅｎｇ　Ｂ．Ｈ．Ｃ．　Ａ　ｇｅｎｅｒａｌｆｒａｍｅｗｏｒｋ　ｆｏｒ　ｆｏｒｍａｌｉｚｉｎｇ　ＵＭＬ　ｗｉｔｈ　ｆｏｒｍａｌｌａｎｇｕａｇｅｓ．　Ｐｒｏｃｅｅｄｉｎｇｓ　ｏｆ　ｔｈｅ　２３ｒｄ　ＩｎｔｅｒｎａｔｉｏｎａｌＣｏｎｆｅｒｅｎｃｅ，　２００１，４３３　－　４４２［２］　江志斌．　Ｐｅｔｒｉ网及其在制造系统建模与控制中的应用．机械工业出版社，２００４，３９～５３．［３］　Ｊａｍｅｓ　Ｌ，　Ｐｅｔｅｒｓｏｎ．　Ｐｅｔｒｉ　Ｎｅｔ　Ｔｈｅｏｒｙ　ａｎｄｔｈｅ　Ｍｏｄｅｌｉｎｇ　ｏｆ　Ｓｙｓｔｅｍｓ　［Ｍ］，　Ｅｎｇｌｅｗｏｏｄ　Ｃｌｉｆｆｓ，Ｎｊ，Ｐｒｅｎｔｉｃｅ－Ｈａｌｌ　Ｉｎｃ，　１９８１．［４］　Ｍ．Ｊａｍｚａｄ，　Ｈ．Ｃｈｉｔｓａｚ，　Ａ．Ｆｏｒｏｕｇｈｎａｓｓｉｒａｉ．Ｂａｓｉｃ　Ｒｅｑｕｉｒｅｍｅｎｔｓ　ｆｏｒ　ａ　ｔｅａｍｗｏｒｋ　ｉｎ　ｍｉｄｄｌｅｓｉｚｅ　ＲｏｂｏＣｕｐ，　ＲｏｂｏＣｕｐ　２００１：　Ｒｏｂｏｔ　Ｓｏｃｃｅｒ．Ｗｏｒｌｄ　Ｃｕｐ　Ｖ　（Ｌｅｃｔｕｒｅ　Ｎｏｔｅｓ　ｉｎ　ＡｒｔｉｆｉｃｉａｌＩｎｔｅｌｌｉｇｅｎｃｅ　Ｖｏｌ．２３７７），　２００２，　６２１－６２６．［５］　Ｗａｎｇ　Ｆ．－Ｙ．　Ａ　Ｐｅｔｒｉ－ｎｅｔ　ｃｏｏｒｄｉｎａｔｉｏｎ　ｍｏｄｅｌｆｏｒ　ａｎ　ｉｎｔｅｌｌｉｇｅｎｔ　ｍｏｂｉｌｅ　Ｒｏｂｏｔ．　Ｐｒｏｃｅｅｄｉｎｇｓ　ｏｆｔｈｅ　２９ｔｈ　ＩＥＥＥ　Ｃｏｎｆｅｒｅｎｃｅ　ｏｎ　Ｄｅｃｉｓｉｏｎ　ａｎｄＣｏｎｔｒｏｌ　（Ｃａｔ．Ｎｏ．９０　ＣＨ２９１７－３），　１９９０，　３：１５３１－１５３６．［６］　周炎涛，李立明．现代操作系统中的多进程技术及其应用．　现代计算机（专业版），２００２，１３９（５）：７５～７８．［７］　刘培志，周卫华，樊利霞等．分布式仿真中实时网络通讯技术研究．计算机仿真，２０００，１７（５）：４８～５２作者简介翟兴明，男，济大学电子与信息工程学院，硕士生，研究方向为智能机器人控制；陈启军，男，同济大学电子与信息工程学院，教授，研究方向为智能机器人控制也增强了比赛的观赏性。６　结束语本文给出了基于Ｐｅｔｒｉ网的足球机器人角色转换模型，并针对角色转换冲突问题设计了一套动态角色分配协议，有效地解决了足球机器人在动态复杂环境下完成任务的效率。随着去年Ｒｏｂｏｃｕｐ中国公开赛在苏州的成功举办，今后的工作重点将是４对４中型组机器人比赛，２对２机器人将不再是比赛项目，如何很好地将角色转换模型应用到多机器人比赛中是成功的关键。

创建⼀个表单,添加提交按钮、必填项

通过给form表单添加⼀个action属性，你可以使⽤纯 HTML 来构建向服务器提交数据的 Web 表单。

例如:

让我们来给表单添加⼀个submit提交按钮，当点击提交按钮时，表单中的数据将会被发送到action属性指定的地址上。

例如：this button submits the form

当你设计表单时，你可以指定某些字段为必填项(required)，只有当⽤户填写了该字段后，才可以提交表单。

如果你想把⽂本输⼊框设置为必填项，在input元素中加上required属性就可以了，例如：确保input元素中有required属性，否则⽆法提交表单。form是表单 ，action属性是指定地址，form action 是⽤纯HTML来构建提交数据的表单

创建按钮，表单添加⼀个submit提交按钮，当点击提交按钮时，表单中的数据将会被发送到action属性指定的地址上

required 在input元素中 是必填项的功能

数据库的基本操作无非是：查询记录，写入记录，删除记录，修改记录。

一．记录的写入

先建立一个表单：(把下面文章保存为5.htm)

name

tel

message

表单提交到exa5.asp，下面是exa5.asp的代码： (把下面代码保存为5.asp)

<%

set conn=server.createobject("adodb.connection")

conn.open "driver={microsoft access driver (*.mdb)};dbq="&server.mappath("data/guestbook.mdb")

name=request.form("name")

tel=request.form("tel")

message=request.form("message")

exec="insert into guest(name,tel,message)values('"+name+"',"+tel+",'"+message+"')"

conn.execute exec

conn.close

set conn=nothing

response.write "记录添加成功!"

%>

在这里前面两句我不说了，后面三句我也不说了，前面说过exec里面的是执行的命令，添加记录的比较繁，大家要仔细看。

insert into后面加的是表的名字，后面的括号里面是需要添加的字段，不用添加的或者字段的内容就是默认值的可以省略。注意，这里的变量一定要和ACCESS里面的字段名对应，否则就会出错。values后面加的是传送过来的变量。exec是一个字符串，"insert into guest(name,tel,message)values('"是第一段，在ASP里面不能嵌双引号，所以可以用'代替双引号，放在双引号里面，连接两个变量用+或者&所以"',"又是一段，中间夹了一个name就是表单传来的变量，这样就可以在这个变量外面加两个''，表示是字符串了，后面的tel是数字型变量所以不需要外面包围''，大家慢慢分析这句话，如果用表单传来的数据代替变量名字的话这句话为（假设name="aaa",tel=111,message="bbb"）："insert into