简介：
有时候浏览器用户提交，手比较快，或者网络卡顿，容易提交多次
解决原理：
用户点击提交，自动禁用按钮3秒钟，3秒后自动解除禁用
使用效果：
核心代码：
/**
* 通用防止重复提交方法
* @param buttonId
*/
function disableButton(buttonId) {
debugger;
var button = document.getElementById(buttonId);
if (button) {
button.disabled = true; // 禁用按钮
setTimeout(function() {
button.disabled = false; // 3秒后启用按钮
}, 3000);
}
}完整代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>禁用按钮测试，3秒后自动解禁</title>
</head>
<body>
<div style="text-align: center;padding: 200px;">
<input id="test" onclick="disableButton('test')" type="button" value="提交">
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"></script>
<script>
/**
* 通用防止重复提交方法
* @param buttonId
*/
function disableButton(buttonId) {
debugger;
var button = document.getElementById(buttonId);
if (button) {
button.disabled = true; // 禁用按钮
setTimeout(function() {
button.disabled = false; // 3秒后启用按钮
}, 3000);
}
}
</script>
</html>