[PHP] Jak zablokować buton na 5 sekund Opcje

[kk77]

Witam,

Jak zablokować buton po kliknięciu na niego na 5 sekund.

Aktualnie używam tego rozwiązania.

[HTML] pobierz, plaintext 
<form onsubmit="document.getElementById('123').disabled=true">
...
<input id="123" type="submit" class="btn btn-success btn-send" value="WYŚLJ ZAMÓWIENIE" onclick="java script:this.value='WYŚLIJ PONOWNIE';">
[HTML] pobierz, plaintext 

Ale w moim formularzu po błędnym lub niekompletnym wypełnieniu jego pół, osoba nie ma możliwości ponownego wysłanie formularza. Musi przeładować stronę, a tego nie chcę.

Jak dodać do tego rozwiązania blokadę tego przycisku tylko na 5 sekund. Może być odliczanie od 5 do aktywacji buttona.

Działający formularz mam tutaj:
http://zdrowemiody.pl/formularz-sklep/

----------------

problem rozwiązany

użyłem tego rozwiązania

http://jsfiddle.net/BvYwr/1/

-------------------------------

a jednak nie rozwiązane. (IMG:style_emoticons/default/sad.gif)

nie działa pod chrome.

Coś trzeba dodać?

Ten post edytował kk77 13.05.2017, 21:17:07

[kk77]

Pod FF wysyła formularz.

Pod Chrome nie wysyła.

Nie wysłanie pod chrome występuje tylko po zastosowaniu metod pod podanym linkiem wyżej.

http://stackoverflow.com/questions/9914286...eout-javascript

Po prosty FF wysyła, Chrome nie.

Testuje te metody: (Każda z nich zastosowana w moim formularzu powoduje, że formularz NIE zostaje WYSŁANY)

1.

[HTML] pobierz, plaintext 
 
function deactivatefunc()
 {
    var btn = document.getElementById("test");
    btn.disabled = true;
    var mytimer = setTimeout(activate,2000);
 }
 
function  activate () {
    var btn = document.getElementById("test");
    btn.disabled = false;
}
 
 
<input type="submit" class="btn btn-success btn-send" value="WYŚLJ ZAMÓWIENIE" id="test" onclick="deactivatefunc()">
 
[HTML] pobierz, plaintext 

2.

[HTML] pobierz, plaintext 
 var mybutton = document.getElementById("mybutton");
 mybutton.onclick = function() {
   mybutton.disabled = true;
    setTimeout(function() {
        mybutton.disabled = false;
    }, 2000);
};
 
 
 <input type="button" id="mybutton" value="Test">
 
[HTML] pobierz, plaintext 

3.

[HTML] pobierz, plaintext 
 
function foo(obj) {
    obj.disabled = true;
    setTimeout(function() {
       obj.disabled = false;
    }, 5000);
}
 
 <input type="submit" class="btn btn-success btn-send" value="WYŚLJ ZAMÓWIENIE" onclick="foo(this);">
[HTML] pobierz, plaintext 

Ten post edytował kk77 13.05.2017, 22:40:20