5.8.3 避免表单重复提交

5.8.3  避免表单重复提交

用户提交表单时可能因为网速的原因，或者网页被恶意刷新，致使同一条记录重复插入到数据库中，这是一个比较棘手的问题。我们可以从客户端和服务器端一起着手，设法避免同一表单的重复提交。

1．使用客户端脚本
提到客户端脚本，经常使用的是JavaScript进行常规输入验证。在下面的例子中，我们使用它处理表单的重复提交问题，请看下面的代码：

<form method="post" name="register" action="test.php" enctype= "multipart/form-data"> <input name="text" type="text" id="text" /> <input name="cont" value="提交" type="button" onClick="document. register.cont.value='正在提交,请等待...';document.register.cont. disabled=true;document.the_form.submit();"> </form>

当用户单击“提交”按钮后，该按钮将变为灰色不可用状态，如图5-6所示。

图5-6

上面的例子中使用OnClick事件检测用户的提交状态，如果单击了“提交”按钮，该按钮立即置为失效状态，用户不能单击按钮再次提交。

还有一个方法，也是利用JavaScript的功能，但是使用的是OnSubmit()方法，如果已经提交过一次表单，将立即弹出对话框，代码如下：

<script language="javascript"> <!-- var submitcount=0; function submitOnce (form){ if (submitcount == 0){ submitcount++; return true; } else{ alert("正在操作，请不要重复提交，谢谢！"); return false; } } //--> </script> <form name="the_form" method="post" action="" onSubmit= "return submitOnce(this)"> <input name="text" type="text" id="text" /> <input name="cont" value="提交" type="submit"> </form>

在上例中，如果用户已经单击“提交”按钮，该脚本会自动记录当前的状态，并将submitcount变量自加
1，当用户试图再次提交时，脚本判断submitcount变量值非零，提示用户已经提交，从而避免重复提交表单。

2．使用Cookie处理
使用Cookie记录表单提交的状态，根据其状态可以检查是否已经提交表单，请见下面的代码：

<?php if(isset($_POST['go'])){ setcookie("tempcookie","",time()+30); header("Location:".$_SERVER[PHP_SELF]); exit(); } if(isset($_COOKIE["tempcookie"])){ setcookie("tempcookie","",0); echo "您已经提交过表单"; } ?>

如果客户端禁止了Cookie，该方法将不起任何作用，这点请注意。关于Cookie的详细介绍，请参阅第10章“PHP会话管理”。

3．使用Session处理
利用PHP的Session功能，也能避免重复提交表单。Session保 存在服务器端，在PHP运行过程中可以改变Session变量，下次访问这个变量时，得到的是新赋的值，所以，可以用一个Session变量记录表单提交 的值，如果不匹配，则认为是用户在重复提交，请见如下代码：

<?php session_start(); //根据当前SESSION生成随机数 $code = mt_rand(0,1000000); $_SESSION['code'] = $code; ?>

在页面表单上将随机数作为隐藏值进行传递，代码如下：

<input type="hidden" name="originator" value="<?=$code?>"> 在接收页面的PHP代码如下： <?php session_start(); if(isset($_POST['originator'])) { if($_POST['originator'] == $_SESSION['code']){ // 处理该表单的语句，省略 }else{ echo ‘请不要刷新本页面或重复提交表单！’; } } ?>

关于Session的内容，我们会在第10章“PHP会话管理”详细讨论，你可以直接查阅这一章，然后再返回本节继续阅读。

4．使用header函数转向
除了上面的方法之外，还有一个更简单的方法，那就是当用户提交表单，服务器端处理后立即转向其他的页面，代码如下所示。

if (isset($_POST['action']) && $_POST['action'] == 'submitted') { //处理数据，如插入数据后，立即转向到其他页面 header('location:submits_success.php'); }

这样，即使用户使用刷新键，也不会导致表单的重复提交，因为已经转向新的页面，而这个页面脚本已经不理会任何提交的数据了。