JS防重复提交

最新推荐文章于 2023-06-15 09:43:44 发布

yyyhhh0123

最新推荐文章于 2023-06-15 09:43:44 发布

阅读量108

点赞数

文章标签：浏览器 C C++ C# HTML

本文链接：https://blog.csdn.net/yyyhhh0123/article/details/83780233

版权

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"> 这样便使浏览器不保留历史 )