如何有效防止用户多次点击按钮提交表单

最新推荐文章于 2024-09-09 11:05:33 发布

菜鸟二静在成长

最新推荐文章于 2024-09-09 11:05:33 发布

阅读量754

点赞数

分类专栏：前端文章标签：防止一定时间内多次提交表单

本文链接：https://blog.csdn.net/sinat_41746494/article/details/102726062

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       <input type="button" class="btn" value="click me" οnclick="oper()"/><br />
       <input type="text" class="myresult" style="width:1000px" value=""/>
       <script type="application/javascript" src="js/jquery-1.8.3.min.js"></script>
       <script>
           function oper(){
               var currentResult = $('.myresult').val();
           $('.myresult').val(currentResult + " goodjob");
           $(".btn").attr("disabled","true");//先把button设置成disable的，过三秒钟之后设置回来，这样可以防止一定事件内多次提交单表
           setTimeout(function(){
       　　　　　　　$(".btn").attr("disabled",false);
       　　　　},3000);       //
       　　}
       </script>
   </body>
</html>