Bom, a situação é a seguinte existem alguns formulários em meu website. Esses formulários estão programados para disparar e-mails, utilizando a classe PHPMailer. O que acontece é o seguinte, se a pagina demora um pouco para responder o usuário fica clicando muitas vezes no botão enviar, o que gera vários disparos de e-mails duplicados. Existe uma maneira de evitar que ocorra tantas requisições?
2 Respostas
Você pode usar JavaScript para desabilitar o botão assim que seja clicado uma vez, assim o usuário não poderá fazer várias requisições se estiver com JavaScript ativado, o que é o caso da maioria, mas ai depende do tipo de usuários do seu sistema:
Exemplo de botão de submit
que se desabilita sozinho:
<input type="submit" onclick="this.disabled = true; this.value = 'Enviando…'; this.form.submit();" value="Enviar">
Exemplo no JSFiddle
-
1Vale a pena também adicionar em alguma parte do layout um aviso do tipo: 'Aguarde alguns instantes, seu email já está sendo enviado!' =) Commented 12/03/2014 às 14:20
-
O problema é que se validarmos de alguma forma o formulario, o botao vai ficar desabilitado... Commented 12/03/2014 às 14:27
-
1Você pode fazer uma função em JS para validar seu formulário e coloca-la no evento onsubmit deste. Nesta função você aproveita para verificar o(s) campo(s) e, de acordo com a necessidade, habilitar ou desabilitar o botão... Commented 12/03/2014 às 14:31
-
2@CesarAndré, "se validarmos de alguma forma" já é uma outra pergunta ;) Muito elegante a solução, Miguel! Um detalhe, precisei incluir um
form.submit()
pro envio do formulário poder funcionar:onclick="this.disabled=true; this.value='Enviando...'; this.form.submit(); return true;"
Commented 12/03/2014 às 16:25 -
@brasofilo: boa observação, vou alterar a resposta para refletir isso. Obrigado! Commented 12/03/2014 às 16:37
Uma maneira eficiente de evitar multiplas requisições desnecessarias seguidas é utilizar um serviço de captcha, assim a requisição só é feita uma vez e depois que o usuário enviar o captcha, isso evita a multiplas requisições e também o problema de possíveis spams.
Porém captcha acaba deixando o envio do formulário mais lento para o usuário (o que é desagradavel), então uma solução que me vem em mente é a seguinte:
Você pode armazenar em uma session o tempo exato em que a ultima requisição foi feita, e estabelecer um limite minimo de tempo para realizar uma nova ação.
Você também pode desabilitar o botão de envio com o atributo disabled
utilizando javascript, isso vai causar um efeito mais agradável embora possa ocorrer o caso de o usuário estar com o javascript desabilitado.
O script abaixo pode ajudar:
$('form').on('submit', function() {
$(this).find('[type="submit"]').attr('disabled', 'disabled');
});
disable