提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

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

JS方法 重复 提交 两种 表单 防止
2023-06-13 09:15:06 时间
第一种：用flag标识，下面的代码设置checkSubmitFlg标志：
复制代码代码如下:

<scriptlanguage="”javascript”">

varcheckSubmitFlg=false;

functioncheckSubmit(){

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

}

checkSubmitFlg==true;

returntrue;

}

</script>

<formname=”form1”method=”post”onsubmit=”returncheckSubmit();”>

………..</form>

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

<formaction=”about:blank”method=”post”onsubmit=”getElementById(‘submitInput").disabled=true;returntrue;”target=”_blank”>
<inputtype=”submit”id=”submitInput”/>
</form>
</body>
</html>
</script>

因为程序源码跟WIN2000的注册表有冲突，帖子发出后会出现无效页面，以致于论坛里有很多无恶意的重复帖子，后来想出了一个办法，用JS避免重复提交，下面是部分源码：
复制代码代码如下:
<scriptLanguage="JavaScript">
functionformsubmit(){
Today=newDate();
varNowHour=Today.getHours();
varNowMinute=Today.getMinutes();
varNowSecond=Today.getSeconds();
varmysec=(NowHour*3600)+(NowMinute*60)+NowSecond;
if((mysec-document.formsubmitf.mypretime.value)>600)
//600只是一个时间值，就是5分钟内禁止重复提交，值随你高兴设
{
document.formsubmitf.mypretime.value=mysec;
}
else
{
alert("按一次就够了，请勿重复提交！请耐心等待！谢谢合作！");
returnfalse;
}
document.forms.formsubmitf.submit();
}
</script>

</HEAD>

<BODYBGCOLOR="#FFFFFF">
<formname=formsubmitfid="the"method="post"action="XXX.asp">
<inputtype=hiddenname="mypretime"value="0">//这句不能少，用隐含变量传递一个时间初值

//这里是你要提交的内容

<inputtype="button"value="写好了"name="button1"class="4round"onclick="formsubmit()"> <fontclass="red">(请按一次，耐心等待！)</font> <inputtype="reset"value="重写"name="button2"class="4round">
</form>

用了这个代码，论坛的重复帖子明显减少，不过有个缺点，就是刷新一次，检测就不起作用，好处就是利用JS检测，不需要额外的权限支持，至于效果如何，用不用就随你们了，（最好前端跟后端都加上检测）

相关文章