zoukankan      html  css  js  c++  java
  • js学习之道:js防止表单重复提交

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

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

  • 相关阅读:
    nodeJS学习(8)--- WS/...开发 NodeJS 项目-节3 <使用 mongodb 完整实例过程>
    nodeJS学习(7)--- WS开发 NodeJS 项目-节2 <安装&设置&启动 mongodb 数据库++遇到的问题>
    nodeJS学习(6)--- Sublime Text3 配置Node.js 开发环境
    nodeJS学习(5) --- sublime Text3 安装使用
    nodeJS学习(4)--- webstorm/...开发 NodeJS 项目-节1
    nodeJS学习(3)--- npm 配置和安装 express4.X 遇到的问题及解决
    二叉查找树-优化版,使用了指针引用
    二叉查找树实现-双向链表
    数据结构-中序转后序
    MySQL 游戏排行榜
  • 原文地址:https://www.cnblogs.com/keanuyaoo/p/3348026.html
Copyright © 2011-2022 走看看