js防止表单重复提交的两种方法

153 阅读 0 评论 101 点赞

我是靠谱客的博主正直店员，最近开发中收集的这篇文章主要介绍js防止表单重复提交的两种方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

复制代码代码如下:

 
<script language="”javascript”"> 

var checkSubmitFlg = false; 

function checkSubmit(){ 

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

} 

checkSubmitFlg ==true; 

return true; 

} 

< /script > 

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

………..< /form>

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

复制代码代码如下:

 
<form action=”about:blank” method=”post” onsubmit =”getElementById(‘submitInput').disabled=true;return true;” target=”_blank”> 
<input type=”submit” id=”submitInput”/> 
</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" onclick='formsubmit()'> <font class="red">(请按一次，耐心等待！)</font> <input type="reset" value="重 写" name="button2" class="4round"> 
</form> 