• 技术文章 >web前端 >js教程

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

    php中世界最好的语言php中世界最好的语言2018-04-18 15:26:53原创1086
    <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>

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

    推荐阅读:

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

    js链表使用详解

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 重复 表单
    上一篇:hammer.js实现移动端的图片手势放大功能 下一篇:canvas怎么编辑操作图像
    php培训_php实战培训【立即报名】-php中文网第20期

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• JavaScript弱映射与弱集合知识详解• 一篇搞定JavaScript DOM详细操作• 深入聊聊JavaScript• JavaScript迭代器知识点总结• javascript web页面刷新的方法收集_javascript技巧
    1/1

    PHP中文网