Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

LuanMMartins

Desabilitar submit apos click, por 5 segundos

Por , em Javascript

Recommended Posts

LuanMMartins    1

LuanMMartins
Postado

Olá pessoal, sou novo no forum. minha duvida é a seguinte.

 

eu tenho um formulario, onde os usuarios fazem apostas, os numeros são gerados atraves de rand, ele acertando ganha 1 premio, porem se o cara ligar o autoclick ele consegue ganhar seguido ex. saiu o numero 5 6 7, ele com auto click ganha mais de 50 vezes com esses numeros em coisa de 10 segundos q o banco regidstra tudo, ai eu queria saber como eu faço para bloquear um input submit e apos 5 segundos libera-lo novamente

 

fiz assim como vi no forum, porem o submit n funciona, ele desabilita e habilita mas n envia os dados

<!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>

Agora o meu formulario esta asssim:

<div id="CJogos">
                <h1>Apostando Coroas de Bronze</h1>
                <form method="POST" action='' id='formmoedas' style="">
                        <table>
                            <tr>
                                <td colspan="4"><p class="td" style="">Quantidade minima 10.000, Quantidade Maxima 100.000</p></td>
                            </tr>
                            <tr>
                                <td><input class="td"  style="border-bottom:3px solid yellow; width:150px; " type="number" min="10000" max="100000" maxlength="6" name='aposta' placeholder='Quantidade apostada!'></td>
                                <td><input class="td"  style="border-bottom:3px solid red; width:70px; " type="number" min="0" max="10" maxlength="6" placeholder="0 a 10" name='num1'></td>
                                <td><input class="td"  style="border-bottom:3px solid red; width:70px; " type="number" min="11" max="21" maxlength="12" placeholder="11 a 21" name='num2'></td>
                                <td><input class="td"  style="border-bottom:3px solid red; width:70px; " type="number" min="22" max="33" maxlength="19" placeholder="21 a 33" name='num3'></td>
                            </tr>
                            <tr>

                            </tr>
                            <tr>        
                                <td colspan="2"><input class="enviar" style="background: red; padding:5px 20px; width:150px; cursor: pointer;  font-weight: bold; color:white; font-size: 15px;"  type="submit" name="enviar" value="Apostar"></td>
                                
                            </tr>
                        </table>
                    <div id="saida" style="width:80%; min-height:50px; max-height: 200px; overflow: auto;margin:0 auto; border-bottom:5px solid green;"></div>
                            
                  </form>
                  <input class="liberar" style="background: green;padding:5px 20px; width:150px; cursor: pointer;  font-weight: bold; color:white; font-size: 15px;"  type="submit" name="liberar" value="liberar">
            </div>

esse formulario é enviado por Jquery por isso ta sem action. ele funciona normalmente, so queria usar essa opção de desabilita apos o click, e dps de 5 segundos liberar.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito