一个简单的方式防止表单重复提交
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>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .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技术实操系列(六):基于图像分类模型对图像进行分类