Artigos & Ideias

Activar Botão Submit

Escrito por:

Activar? Sim, activar. Todos sabemos como desactivar o botão submit num formulário e as razões para o fazer, mas e reactivar novamente o botão submit após um intervalo de tempo? Afinal de contas, e se o utilizador clicar no botão “Stop” (do browser), imediatamente após enviar o formulário? Porque não reactivar o botão submit após um intervalo de tempo para que o utilizador possa re-submeter o formulário?

botao demonstracao   Activar Botão Submit

MooTools

window.addEvent('domready',function() {
		var submeter = $('submit');
		submeter.addEvent('click',function() {
			submeter.set('value','A Submeter...').disabled = true;
			(function() { submeter.disabled = false; submeter.set('value','Re-Submeter'); }).delay(10000); // Quanto tempo? 10 segundos
		});
	});

botao demonstracao   Activar Botão Submit

Evidentemente, reactivar o submit não é ideal em todas as situações. É, no entanto, uma boa solução se o teu sistema se adaptar a esta funcionalidade.

5


Sobre o Autor

Carlos Gonçalves é um Freelancer com bastante experiência em linguagens de programação e webdesign. Vocacionado para as novas tecnologias, aposta na qualidade dos serviços, atendimento rápido e sempre disponível para melhor satisfazer os seus clientes. Autor do site cgoncalves.com

Comentários

  1. Mário Andrade  21 Janeiro 2010

    Tenho de colocar a questão: Podes dar um exemplo pratico de uma boa altura para desactivar / activar o botão?

    (responder)
  2. Carlos Gonçalves  22 Janeiro 2010

    @Mário Andrade: por exemplo, num formulário de resposta do blog, supostamente a acção de enviar o comentário, é uma acção rápida, no entanto podes usar este método, e se passado por exemplo, 5 segundos, se o comentário não for enviado (provavelmente devido a algum erro interno), desactivar o envio e o utilizador re-submeter o comentário.

    O mesmo se aplica em quase qualquer formulário.

    (responder)
  3. MiNi Trampoline  15 Outubro 2010

    ohhh wonderful information

    (responder)

Comentar

Nota: A moderação de comentários está activada e pode atrasar o teu comentário. Não há necessidade de reenviares o teu comentário.

  1. Carlos Gonçalves  Janeiro 21, 2010
  2. cdgoncalves  Janeiro 21, 2010
More in JavaScript, MooTools (8 of 20 articles)

# #