欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js如何设置禁止表单重复提交

程序员文章站 2022-05-11 18:46:12
...
<DOCTYPEhtml>
  <html>
  <BODYBGCOLOR="#FFFFFF">
  <formname='formsubmitf'id="the"method="post"action="XXX.php">
  <inputtype='hidden'name='mypretime'value='0'>
  <inputtype="button"value="写好了"name="button1"class="4round"onclick='formsubmit()'>
  </form>
  <scriptLanguage='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>
  </html>

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

node.js操作音视频文件进行加密

js链表使用详解

以上就是js如何设置禁止表单重复提交的详细内容,更多请关注其它相关文章!