阻止页面按钮多次提交的解决办法

问题背景：

手头上的KPI分类评级考核系统，页面的提交按钮是用LinkButton或者Button做的。当大量用户同时在线访问该站点时，应用程序服务器出现CPU占用100%的糟糕状况，页面会卡住不动，用户不明情况连续点击提交按钮重复提交，造成数据库中出现大量的重复数据。

其实，即便服务器没有崩掉，快速频繁点击提交按钮，也会出现重复提交的问题。

尝试过：1)在提交按钮的点击事件里设置提交按钮的Enabled属性 Enabled = false; ，这个属性设置在未拿到新页面前是无效的，问题依然存在；

　　　　2)在客户端事件里js设置提交按钮的disabled disabled = true; ，此时提交按钮的服务端事件将不再执行；

　　　　3)也试过点击提交按钮后马上弹出div遮罩层，效果也不理想，问题依然存在；

　　　　4)加个HTML按钮，并将提交按钮隐藏，点击HTML按钮提交，在HTML按钮的客户端事件里使HTML按钮不可用(阻止重复提交)，再触发提交按钮的服务器事件，页面回发后HTML按钮自动变得可用。此法可行，如有不足或有更好的方法，还望大家不吝赐教。

解决思路：

1)除了提交按钮LinkButton(ID为lbtSave)外，添加一个HTML按钮

<input type="button" id="htmlSave" value="提交" onclick="SingleSubmit()" />

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：阻止页面按钮多次提交的解决办法

关键词：