`

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方式防止表单重复提交

    8. **表单重定向(Redirect after Post)**:这是一种经典的防止重复提交的方法,提交表单后立即重定向到新的URL,这样即使用户再次点击提交,也会被重定向页面拦截。 9. **使用HTML5的formnovalidate属性**:对于...

    asp.net 页面防止重复提交

    还可以考虑使用AJAX异步提交,通过JavaScript控制整个提交过程,从而更好地控制和防止重复提交。在AJAX请求中,可以设置一个全局变量来标记请求状态,避免并发请求。 最后,前端验证和反馈也能帮助减少重复提交。...

    element-ui如何防止重复提交的方法步骤

    以下是如何在使用Element-UI时防止重复提交的具体方法: 1. 对话框(Dialog)内的表单提交: 错误方案常常是在最后的回调函数中同时隐藏Dialog和恢复提交按钮的可点击性。问题在于Dialog的隐藏是一个动画过程,这...

    防止Layui form表单重复提交的实现方法

    下面详细解释几种防止Layui表单重复提交的方法。 首先,在HTML表单中,为了避免在提交时页面刷新导致的重复提交,可以在标签中使用onsubmit="return false;"属性。这个属性的作用是在表单提交时返回false,阻止...

    修改禁止多次重复提交

    在IT行业中,尤其是在Web开发领域,防止用户多次重复提交数据是一项重要的任务,这可以避免数据库出现冗余数据,保持系统稳定。"修改禁止多次重复提交"这个话题涉及到前端交互、后端处理以及数据库操作等多个层面。...

    ajax 防止按钮重复提交

    ### AJAX 防止按钮重复提交 在Web应用开发中,为了避免用户因网络延迟或误操作而导致的数据重复提交问题,通常会采取一定的措施来确保数据的一致性和完整性。本篇文章将详细探讨如何通过AJAX技术结合JavaScript来...

    防重复提交代码

    ### 防止重复提交代码知识点详解 #### 一、问题背景 ...需要注意的是,虽然这种方法可以在一定程度上防止重复提交,但在实际应用中还需要结合其他手段,如前端JavaScript控制等方式,以提供更全面的防护措施。

    防止表单重复提交(asp.net )

    - 使用HTTP-only cookies:存储一个提交标志,当表单提交后设置此标志,后续请求检查该标志以防止重复提交。 - **结合服务器端和客户端验证**:为了增加安全性,通常建议同时在服务器端和客户端进行验证。客户端...

    自定义标签 防止重复提交

    本文将深入探讨自定义标签在防止重复提交中的实现原理和应用。 首先,我们要理解什么是自定义标签(Custom Tags)。在JavaServer Pages(JSP)中,自定义标签是扩展JSP功能的一种方式,它可以封装复杂的业务逻辑...

    token-springMVC 防止重复提交

    在Spring MVC框架中,防止重复提交是一个重要的议题,特别是在处理敏感数据或执行不可逆操作时。重复提交可能会导致数据不一致性和系统混乱。"Token-SpringMVC"是一种常见的解决方案,它利用令牌(Token)机制来确保...

    ladda 按钮防重复提交样式

    在本文中,我们将详细探讨 Ladda 按钮的概念、实现原理以及如何防止重复提交,同时也会涉及到相关前端技术和最佳实践。 Ladda 是由 Matias Meno 设计的一个库,它基于 CSS3 动画和 JavaScript,使得按钮在用户点击...

    防止重复提交

    在Web开发中,防止重复提交是一项重要的任务,尤其是在处理敏感数据和执行关键操作时。重复提交可能导致数据不一致,服务器资源浪费,甚至破坏业务逻辑。C#中的防止重复提交通常涉及客户端和服务器端的联合策略。...

    javascript控制页面重复提交

    在网页开发中,防止用户意外或恶意重复提交数据是一个重要的考虑因素。这可能导致数据库中的冗余数据,甚至可能对服务器造成不必要的压力。本篇文章将详细探讨如何使用JavaScript来控制页面的重复提交,确保每个表单...

    防止页面刷新重复提交的方法.

    该方法可以防止页面刷新重复提交,因为每次提交表单时,JavaScript 会发送一个异步请求到服务器,服务器验证该请求是否正确,然后返回结果。 四、总结 防止页面刷新重复提交是 Web 开发中非常重要的问题,为了防止...

    ExtJs4.0 表单提交Demo

    ExtJs 4.0 是一款强大的JavaScript框架,用于构建富客户端Web应用。它提供了一整套组件、布局和数据管理工具,使得开发者可以构建出功能丰富、交互性强的用户界面。在“ExtJs4.0 表单提交Demo”中,我们将深入探讨...

    VB.NET实现网页禁止重复提交

    在VB.NET中,防止网页重复提交是一个重要的议题,特别是在处理敏感数据或执行关键操作时,重复提交可能导致数据不一致或系统资源浪费。本教程将详细解释如何通过多种方法实现这一功能,结合提供的源码,我们可以深入...

    不能重复提交

    ### 一、表单提交与防止重复提交 #### 表单提交的基本概念 在Web开发中,表单提交是指用户填写完表单后点击提交按钮,将表单中的数据发送给服务器端进行处理的过程。这通常涉及到HTML表单元素和服务器端脚本的交互...

    [Jsp]防止页面表单重复提交的解决方法

    这种方法可以防止跨站请求伪造(CSRF)攻击,同时也可防止重复提交。 4. **Session存储状态** 另一种方法是利用session存储用户的提交状态。当表单被提交后,将一个标识符存入session,然后在处理请求时检查这个...

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

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

Global site tag (gtag.js) - Google Analytics