Jump to content

[Resolvido] Desativar botão submit por 5 segundos após click


Santana Oliveira
 Share

Recommended Posts

Como o yoda disse, ajudaria bastante que postasses o código que tens. Mas para teres uma ideia, podes criar duas funções:

Uma delas desativa o botão, e outra ativa-o. Depois, quando o utilizador clica no botão, chamas a função que o desativa e crias um setTimeOut que ao fim de 5 segundos chama a função que o volta a ativar.

Cumps

Edited by AngusYoung
  • Vote 1

Isto porque, saber a composicão do granito, os estágios da evolucão psicológica humana ou as deambulacões do Sartre não indicam puto sobre as competências de alguém num determinado campo específico e muito menos sobre o que as pessoas gostam de fazer ou a sua capacidade de aprendizagem. - bubulindo, 15 de Fevereiro de 2013 - 02:01

Link to comment
Share on other sites

Não percebo o intuito disso. Porque não enviar o formulário instantaneamente?

Isto porque, saber a composicão do granito, os estágios da evolucão psicológica humana ou as deambulacões do Sartre não indicam puto sobre as competências de alguém num determinado campo específico e muito menos sobre o que as pessoas gostam de fazer ou a sua capacidade de aprendizagem. - bubulindo, 15 de Fevereiro de 2013 - 02:01

Link to comment
Share on other sites

<!DOCTYPE html>
<html>
 <head>
   <script type="text/javascript">
     window.onload = function () {
       var button = document.getElementById("id_of_button");
       button.removeAttribute("disabled");
       button.onclick = function() {
         if (!button.getAttribute("disabled") != "disabled") {
           button.setAttribute("disabled", "disabled");
           setTimeout(function() {
             button.removeAttribute("disabled");
           }, 5000);
           // do stuff ...
         }
       }
     }
   </script>
   <style type="text/css">
     input {
       background-color: #00ff00;
     }
     input[disabled=disabled] {
       background-color: #ff0000;
     }
   </style>
 </head>
 <body>
   <input id="id_of_button" type="button" value="button" />
 </body>
</html>
  • Vote 1
IRC : sim, é algo que ainda existe >> #p@p
Link to comment
Share on other sites

<!DOCTYPE html>
<html>
 <head>
<script type="text/javascript">
  window.onload = function () {
	var button = document.getElementById("id_of_button");
	button.removeAttribute("disabled");
	button.onclick = function() {
	  if (!button.getAttribute("disabled") != "disabled") {
		button.setAttribute("disabled", "disabled");
		setTimeout(function() {
		  button.removeAttribute("disabled");
		}, 5000);
		// do stuff ...
	  }
	}
  }
</script>
<style type="text/css">
  input {
	background-color: #00ff00;
  }
  input[disabled=disabled] {
	background-color: #ff0000;
  }
</style>
 </head>
 <body>
<input id="id_of_button" type="button" value="button" />
 </body>
</html>

Muito Obrigado

HappyHippyHippo tu és Geek. 😛

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.