如何防止js重复提交表单

 我来答
匿名用户
2018-01-01
展开全部

第一种:用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>
就烦条0o
2018-06-28 · 知道合伙人软件行家
就烦条0o
知道合伙人软件行家
采纳数:33315 获赞数:46483
从事多年系统运维,喜欢编写各种小程序和脚本。

向TA提问 私信TA
展开全部
1、提交后return false;2、添加条件判断,提交前为ture,提交后为false,视情况重新赋值为true
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
海的那边的山
2018-09-14
知道答主
回答量:1
采纳率:0%
帮助的人:807
展开全部
<script >window.location.href="/cgi-bin/cgictest.cgi"</script >
重定向,/cgi-bin/cgictest.cgi这部分填你本身的网页
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ZhangXin777999
2018-01-01 · TA获得超过3168个赞
知道大有可为答主
回答量:2075
采纳率:84%
帮助的人:214万
展开全部
在提交表单方法的最下面加上一句“return false”
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式