js学习之道：js防止表单重复提交

Love The Way You Lie 2021-09-09 14:50 413阅读 0赞

第一种：用flag标识，下面的代码设置checkSubmitFlg标志：

var checkSubmitFlg = false;

function checkSubmit()\{

if(checkSubmitFlg ==true)\{ return false;             //当表单被提交过一次后checkSubmitFlg将变为true,根据判断将无法进行提交。

checkSubmitFlg ==true;

return true;

< /script >

< form name=”form1” method=”post” οnsubmit=”return checkSubmit();”>

………..< /form>

第二种：在onsubmit事件中设置，在第一次提交后使提交按钮失效，代码如下：

<form action=”about:blank” method=”post”  onsubmit =”getElementById(‘submitInput’).disabled=true;

return true;”

target=”\_blank”>

</form>

< /body>

</html>

</script>

因为程序源码跟WIN2000的注册表有冲突，帖子发出后会出现无效页面，以致于论坛里有很多无恶意的重复帖子，后来想出了一个办法，用JS避免重复提交，下面是部分源码：  
<script Language='JavaScript'>  
function formsubmit() \{  
Today = new Date();  
var NowHour = Today.getHours();  
var NowMinute = Today.getMinutes();  
var NowSecond = Today.getSeconds();  
var mysec = (NowHour\*3600)+(NowMinute\*60)+NowSecond;  
if((mysec-document.formsubmitf.mypretime.value)>600)  
//600只是一个时间值，就是5分钟内禁止重复提交，值随你高兴设  
\{  
document.formsubmitf.mypretime.value=mysec;  
\}  
else  
\{  
alert(' 按一次就够了，请勿重复提交！请耐心等待！谢谢合作！');  
return false;  
\}  
document.forms.formsubmitf.submit();  
\}  
</script>  
  
  
  
</HEAD>  
  
<BODY BGCOLOR="\#FFFFFF">  
<form name=formsubmitf id ="the" method="post" action="XXX.asp">  
<input type=hidden name='mypretime' value='0'> //这句不能少，用隐含变量传递一个时间初值  
  
//这里是你要提交的内容  
  
<input type="button" value="写好了" name="button1" class="4round" οnclick='formsubmit()'>&nbsp;<font class="red">(请按一次，耐心等待！)</font>&nbsp;<input type="reset" value="重 写" name="button2" class="4round">  
</form>  
  
用了这个代码，论坛的重复帖子明显减少，不过有个缺点，就是刷新一次，检测就不起作用，好处就是利用JS检测，不需要额外的权限支持，至于效果如何，用不用就随你们了，（最好前端跟后端都加上检测）