当前页面位置: » 丰搜网 » 文档中心 » 详细内容
高级表单验证－针对多次提交表单
每个开发人员面对的困难是预测用户能够或是将要做什么--这对于网络开发人员来说就更为困 难，因为他的预测必须考虑到web 的多样性和缺乏真正的session控制机制。 如果你已经创建过一个使用表单的asp应用程序，也许你已经遇到过一些奇怪的问题，如数据传输两次，接收数据不完整，或者用户报告表单显示不正确。尽管你也插入了确认数据所需的所有客户机端和服务器端的脚本，表单仍然会发生许多异常情况。这些异常情况与意外用户行为或浏览器书签的误使用有关。本文将集中解决一些容易引起表单问题的典型情况：用户意外地重复发送数据，在多步骤表单中直接使用中间表单。
数据复制
通过表单重复发送数据是一个常见的情况，但是它会带来问题。在理想的情况下，用户在一个 web 站点遇到一个表单，用正确的数据类型填充它，将它提交给处理数据的服务器，然后作为回应发送给用户一个确认页，这时用户就可以再去做别的。如果用户重新访问前面那一页，使用back 按钮，然后无意中再将数据发送一次，那将会出现什么情形呢？如果你没有预料到这一场景并且有所准备，数据就将被重新传送给服务器并且再处理一次。试想这些数据是一份订单或旅馆预约，那将会带来很不愉快的结果。
终止重复数据传输
为了避免那些错误地重复发送给服务器的数据，可以在服务器侧进行一些校验，来确定用户能 意识到他们正在发送数据。这里使用的例子包含一个有单一文本框的简单表单，表单接收一些文本，然后将其发送到一个显示它们的asp页。 为确保用户不将同样的信息发送两次，需要指示数据已经被服务器接收到。存储这些信息的最好的地方是一个session变量。定义一个session变量session("submitted") ，当用户第一次到达这个表单时将它初始化为false,在用户进行最初的数据传输时将它设置为true 。如果用户在当前的session期间重新访问这个表单，将出现相关重复提交信息。
所以用户只能是在有意的情况下向服务器重复发送数据。现在来看看执行这一校验的代码。建立表单并且校验已发送数据的asp页（在下载处为form.asp）有以下结构：
〈 html 〉
〈 head 〉
〈 /head 〉
〈 body 〉
〈 ％ if session("submitted") then ％ 〉
〈 !-- code showing the warning message -- 〉
... 〈 ％ else ％ 〉
〈 !-- code showing the form -- 〉
... 〈 ％ end if ％ 〉
〈 /body 〉
〈 /html 〉
表单和警告信息都是从同一个asp页创建的。表单包括标准的html代码，引用manageform.asp页作为它的action 属性：
〈 form method="post" action="manageform.asp" 〉
send me some data:
〈 input type="text" name="data" 〉
〈 p 〉
〈 input type="submit" value="submit" 〉
〈 input type="reset" value="cancel" 〉
〈 /form 〉
manageform.asp 页接收用户发送的文本，显示它并将session 变量submitted设置为true:
〈 html 〉
〈 head 〉
〈 /head 〉
〈 body 〉
you have sent the following information:
〈 p 〉
〈 ％= request("data") ％ 〉
〈 ％ session("submitted") = true ％ 〉
〈 /body 〉
〈 /html 〉
所以当用户又回到这个表单时，测试session 变量submitted，当它的值为true时，发送给用 户的是警告信息而不是输入表单。这个警告信息是用html和客户机侧的javascript代码组合编写的：
〈 script 〉
function sendanswer(answer) { document.answerform.answer.value = answer document.answerform.submit() }
〈 /script 〉
you have already submitted some information to this web site.
〈 br 〉 do you want submit again?
〈 p 〉
〈 form name="answerform" method="post" action="checkanswer.asp" 〉
〈 input type="button" value="yes" onclick="sendanswer(＇y＇)" 〉
〈 input type="button" value="no" onclick="sendanswer(＇n＇)" 〉
〈 input type="hidden" name="answer" value="" 〉
〈 /form 〉
表单包含两个按钮（(yes 和 no) 以及一个隐含控制域(answer) ，在其中保存用户所选择的值： y 或 n。这个值由javascript 函数sendanswer() 设置，这个函数还将它发送给checkanswer.asp 页以执行正确的重定向。如果用户选择了no按钮，checkanswer.asp 检验隐含控制的值，并将其重定向到一个普通 welcome 页，反之就将session 变量submitted设置为false 并再次将其重定向到表单页。
〈 ％ if request("answer") = "y" then session("submitted") = false response.redirect "form.asp" else response.redirect "welcome.htm" end if ％ 〉
控制浏览器缓冲器
如果你已经实施了以上方法，你会发现，只有当你在浏览器的地址文本框内键入url来回到这个 表单时，此方法才奏效。它依靠的是浏览器的缓冲器机制。如果你使用back按钮来返回页，浏览器就检测它的缓冲器来找到该页的副本。它将使用缓存的页而不是向服务器发出请求。所以服务器就 不能在session 变量submitted上进行校验。为了避免这种情况，就要抑制浏览器的页缓冲器。这通过在表单页中处理response对象来实现。取消页缓冲器有多种方法。所有这些方法都要依靠http头文件中到浏览器的地址指示。但是所有浏览器对服务器发送的指示反应不同，所以说最好能多发送一些指示来为更多的浏览器抑制缓冲器，按以下代码所示：
〈 ％ response.addheader "cache-control", "private" response.addheader "pragma", "no-cache" response.expiresabsolute = #january 1, 1990 00:00:01# response.expires=0 ％ 〉
以上代码的头两行使用response 对象的addheader 方法来将头信息附加到http头文件中。 expires 和 expiresabsolute 属性用浏览器缓冲器中页的持续时间信息来标记当前页。在表单页中，这些行必须要插入在所有代码之前，因为她们所引用的信息放置在http头文件中，在所有输出之前发送给浏览器。
多步骤表单
如果一个表单需要许多数据，那么最好将你要求的数据划分成多个小表单，这样使用户可以一步一步地填充表单，而不用等待表单加载许多html控制。另外还有一些情况，表单中的某些控制不完全必要，并且可以用已经提交的数据逐行填充。使用多步骤表单允许显示倚赖于用户以前答案的定制表单。如果用户在浏览器中将一个中间表单设置为书签的话就会产生问题。在随后的一个session中，用户就试图直接到达这个表单并提交数据，这些数据已经在上下文范围之外，因为本来应该在前面 表单收集的session 数据丢失了。
避免使用中间步骤表单
为了避免这些问题，可以存储当前数据收集的状态。这个状态可以用一个session 变量来代表 来记录是否执行了一个特定的步骤---用户是否填充了给出的表单。在一个多步骤表单中，每个表单都可以通过一个boolean型的session变量来实现。如果有关表单没有被处理，变量就为false ，反之就是true。下载部分的第二个例子显示一个两步骤表单：第一个表单要求用户名，第二个表单显示一个组合框，它的列表项要依赖第一个表单所提供的用户名。第一个表单与一个session变量requested1相关联，你可以想象出来，第二个表单与变量requested2相关联。当用户要求第一个表单(form1.asp) 时，session变量 requested1 被设置为 true :
〈 form method="post" action="form2.asp" 〉
your name: 〈 input type="text" name="name" 〉
〈 p 〉
〈 input type="submit" value="submit" 〉
〈 input type="reset" value="cancel" 〉
〈 /form 〉
〈 ％ session("requested1") = true ％ 〉
这个值将由下一个表单( form2.asp ) 来校验，以确定是否满足了要求。事实上当用户要求第二个表单时校验requested1 变量。如果为true，就向浏览器发送第二个表单并将requested2变量设置为true。如果为false 就意味着用户想要直接使用第二个表单，于是浏览器就重定向到第一个表单。以下代码是第二个表单的asp页：
〈 ％ if session("requested1") then ％ 〉
〈 html 〉
〈 head 〉
〈 /head 〉
〈 body 〉
〈 !-- code for the second form -- 〉
... 〈 ％ session("requested2") = true else response.redirect "form1.asp" end if ％ 〉
〈 /body 〉
〈 /html 〉
要注意对requested1 的校验必须要在〈 html 〉记录之前进行，这样就允许可能的重定向。实际上，重定向是对浏览器的指示，它出现在http头文件中，在所有的html代码之前。
结论
本文所示范的两种技巧允许asp开发人员对某些奇怪的情况有所控制，这些奇怪情况会造成用户 通过一个web 表单向服务器重复发送数据。每个技巧解决一个特定问题，所以最好将两者混合使用，在asp应用程序每个表单中管理两个session 变量。
