javascript代码实例教程-js学习之道:js防止表单重复提交

发布时间:2019-02-23 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-js学习之道:js防止表单重复提交脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 第一种:用flag标识,下面的代码设置checkSubmITFlg标志:

&nbsp;<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=&#39;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()'>&nbsp;<font class="red">(请按一次,耐心等待!)</font>&nbsp;<input type="reset" value="重 写" name="button2" class="4round"> 

</form> 

 

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

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-js学习之道:js防止表单重复提交全部内容,希望文章能够帮你解决javascript代码实例教程-js学习之道:js防止表单重复提交所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。