一个简单的方式防止表单重复提交

复制代码
 1         <form id="luckDrawAdd" method="post" enctype="multipart/form-data">
 2                 <table class="searTabBg" width="100%">
 3                     <tr>
 4                         <td style="padding-left: 112px">
 5                             <button id="confirmSubmit" type="button">
 6                                 <span><span>确认提交</span></span>
 7                             </button>
 8                         </td>
 9                     </tr>
10                 </table>
11         </form>
12 <script language="JavaScript" type="text/javascript">
13     var ctx = '${ctx}';
14     $(document).ready(function () {
15         //表单是否已经提交
16         var isCommitted=false;
17 
18         $("#confirmSubmit").click(function () {
19 
20             /*防止表单重复提交*/
21             if(isCommitted==false){
22                 isCommitted=true;
23             }else{
24                 alert("请不要重复提交表单!");
25                 return;
26             }
27             var formData = new FormData($("#luckDrawAdd")[0]);
28             $.ajax({
29                 type: "post",
30                 url: '',
31                 data: formData,
32                 contentType: false,
33                 processData: false,
34                 success: function (data) {
35                     console.log(data);
36                     if ('0000' == data.responseCode) {
37                         alert("添加成功!");
38                         window.location.href = '';
39                     }
40                 },
41                 error: function () {
42                     alert("系统异常,添加失败!");
43                     /*将表单提交标志改为false*/
44                     isCommitted=false;
45                 }
46             });
47         });
48     });
49 
50 </script>
复制代码

 

posted @   杨岂  阅读(154)  评论(0编辑  收藏  举报
(评论功能已被禁用)
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· AI与.NET技术实操系列(六):基于图像分类模型对图像进行分类
点击右上角即可分享
微信分享提示