`

JS防重复提交

阅读更多
1、Enable the button

2、设置一个变量,只允许提交一次

实例:

JS
#  $(function(){  
         //$('#btn').attr("disabled","disabled");  
         $("form").submit(function(){  
         //      $(":submit").attr("disabled","disabled");  
                 return false;  
             });  
        //防止页面后退  
         window.history.forward();   
     });  
     function c(){  
        $('#btn').attr("disabled","disabled");  
     }  
 // --></mce:script>  


 <mce:script language="javascript"><!--  
      
     var checkSubmitFlg = false;      
     function checkSubmit() {        
         if (!checkSubmitFlg) {    
         checkSubmitFlg = true;        
         return true;     
        }else{   
         alert("不能重复提交");   
         return false;   
         }   
      }   
// --></mce:script>   



HTML:
   <form action="3.1.htm" method="post" onsubmit="return checkSubmit();" >   <!--onsubmit="c();"-->  
     <input type="submit" value="submit"/>  
     <input id="btn" type="button" value="button"/> <!-- click="this.disabled=true;" -->  
  </form>

 
(有时候在浏览器后退时需要清空表单,这样可采用在网页头加入 <META name="save" content="history"> 这样便使浏览器不保留历史 )
分享到:
评论

相关推荐

    javascript方式防止表单重复提交

    javascript方式防止表单重复提交,

    javascript控制页面重复提交

    原理: 1、定义全局变量submited控制是否已被提交过,保证只提交一次; 2、通过Button disabled来控制防止重复提交; 3、通过添加过滤层来防止重复提交;

    ExtJs4.0 表单提交Demo

    一个简单的ExtJs4.0搭建环境,利用Ext Ajax的方式提交表单,可使得显示层和控制层完全分开.

    js防止表单重复提交的两种方法

    第一种:用flag标识,下面的代码设置... //当表单被提交过一次后checkSubmitFlg将变为true,根据判断将无法进行提交。 } checkSubmitFlg ==true; return true; } &lt; /script &gt; &lt; form name=”form1” method=”pos

    一个JavaScript防止表单重复提交的实例

    防止重复表单提交的方法有很多,本文使用JavaScript来实现防止表单重复提交,很简单,但很实用,新手朋友们不要错过

    前端防止用户重复提交js实现代码示例

    前端在向后端进行数据提交的时候,通常会需要在第一次提交返回前,阻止用户在快速点击发送二次请求,即防止重复提交,最简单的方法是使用标志参数或者 class 元素控制,但缺点是,每个控制重复提交的地方都需要加上...

    防止用户表单重复提交处理

    防止用户表单重复提交的完整demo 分别在js与后台中处理,js处理(针对网络慢情况) 后台处理(针对用户点击浏览器上的刷新按钮等)

    几种防止表单重复提交的方法

    几种防止表单重复提交的方法 禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。 我之前的文章曾说...

    javascript实现避免页面按钮重复提交

    很多时候我们都需要防止重复提交,这方面的文章也比较多,实现的途径差别也很大.因为有些时候即使服务器能够识别重复的提交,也会造成问题.比如需要很长等待时间的操作,在首次提交后,不断重复提交,页面可能会死掉.用...

    JS Ajax请求如何防止重复提交

    主要介绍了JS Ajax请求如何防止重复提交的相关资料,通过覆盖掉$.ajax而达到防止重复提交的问题,实现代码简单,需要的朋友可以参考下

    js控制再次点击按钮之间的间隔时间可防止重复提交

    使用js控制再次点击按钮之间的间隔时间可防止重复提交,需要的朋友可以参考下

    js禁止表单重复提交

    主要介绍了js禁止表单重复提交的方法,避免重复记录带来的问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    防止重复提交

    防止重复提交。按钮提交时常会因为网速慢导致跳转不及时,使用者多次点击提交按钮,后台出现多条相同的记录,改js有效防止这种情况的出现。

    实战演练如何防止重复提交

    对于表单重复提交对于大家来说都不陌生,就是说当我们在进行表单提交时候,有可能出现网络延迟的情况,这个时候我们又点击按钮进行了表单的重复提交,对于以下的情况,我们可能就只是进行了两次的登录,对于这种情况...

    JavaScript防止表单重复提交代码,指定时间内禁止重复点击.zip

    最近项目在做一个登录页的时候,为了避免用户的多次重复点击登录按钮发送请求,所以我在点击了按钮发送请求后,将设置按钮变灰并禁用,倒计时一段时间后又可重复点击,具体实现如下,有需要的小伙伴可以参考一下。

    防止重复提交 仅提交一次的终极绝杀技

    防止重复提交,通用的思路,就是当用户点击提交按钮后,在浏览器中用JS将按钮disable掉,从而阻止用户继续点击该按钮,实现防止重复提交的目的。网上防止重复提交的文章已经不少了,为啥我还要写呢,显然我不是吃饱...

    js防止表单重复提交实现代码

    重复提交、重复刷新、防止后退等等都是属于系统为避免重复记录而需要解决的问题,在客户端去处理需要针对每一种的可能提出相应的解决方案,然而在服务器端看来只不过是对于数据真实性的检验问题

    PHP防止表单重复提交的几种常用方法汇总

    本文较为详细的汇总了PHP防止表单重复提交的几种常用方法,在PHP程序开发中有着很高的实用价值。具体方法如下: 1. 使用JS让按钮在点击一次后禁用(disable)。采用这种方法可以防止多次点击的发生,实现方式较简单...

Global site tag (gtag.js) - Google Analytics