Estou realizando a manutenção em um site com vários formulários com botões do tipo SUBMIT e também botões normais que chamam um evento onclick que em FORMS é utilizado para realizar a validação dos dados e em outras situações é usado para fazer alguma ação que mexa no banco de dados.
Está acontecendo que alguns usuários que acessam o site clicam várias vezes no botão para realizar alguma ação, o que está ocasionando vários INSERTS seguidos e incorretos antes de, por exemplo, fechar o modal ou redirecionar para a outra página ao término da execução do script.
Eu quero criar uma função em meu scripts.js para que quando qualquer botão for clicado, ele ficar desabilitado por alguns segundos e executar o que foi definido diretamente no evento onclick e em seguida ativá-lo novamente.
Eu tentei desta seguinte maneira mas não deu certo:
$('button').click(function() {
this.prop('disabled',true);
setTimeout(function(){
this.prop('disabled', false);
}, 5000);
});
Pesquisei em vários sites maneiras de se prevenir o duplo clique, inclusive http://www.the-art-of-web.com/javascript/doublesubmit/ que foca principalmente neste assunto. Entretanto, as maneiras que encontrei até agora me farão ter que ir em cada botão no site (deve ter uns 200 botões, é grande o site) e ir colocando essa função de desabilitar um por um.
O que eu deveria mudar para o código acima funcionar como pedi?