Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
Carregando comentários...