[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.

nie działa pod chrome.

Coś trzeba dodać?

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

[sasiadstar]

Nie wiem czemu ci nie działa bo u mnie pod chromem chodzi.
Sprawdź konsole błędów co ci wypluwa

[kk77]

A jak to sprawdzić to w konsoli?

Aktualnie testowałem te wszystkie rozwiązania (3 chyba)

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

Żadne nie działa mi pod chrome.

[nospor]

F12 - otwiera devtools w tym i konsole

[kk77]

taki komunikat dostaję w konsoli chrome:

DevTools failed to parse SourceMap: http://zdrowemiody.pl/formularz-sklep/css/...rap.min.css.map

Pod FF nie mam żadnego.

Czy to jest powód?

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

sprawdzałem pod smartfonem też nie działa.

[nospor]

Blad nie ma zwiazku z problemem.
Mi tam zarowno na twojej stronie jak i w tescie na chrome wszystko dziala. Moze napisz dokladnie czym u ciebie objawia sie blad

[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

[sasiadstar]

Weź spróbuj tak
$(function () {
zamień na $(documet).ready(function(){

kod


})

[kk77]

Mógłbyś napisać cały kod? Ja tylko potrafię coś skopiować, i ewentualnie zmienić wartości.

[sasiadstar]

Czyściłeś pamieć przeglądarki bo jak nie to js prawdopodobnie ci się nie przeładował

[kk77]

Tak czyściłem.

Spróbuj tego linka i powiedz, czy pod FF i pod Chrome wyskoczy 'OK'

http://zdrowemiody.pl/formularz-sklep/index2.php

[sasiadstar]

ff OK chrome nothing

[kk77]

No właśnie, nie działa. A jak to naprawić by działało także pod chrome?

[bostaf]

U mnie na Chrome Wersja 58.0.3029.110 (64-bit) - działa.

[Boshi]

Nie wiem z jakiego powodu, ale chrome bardzo mocno cachuje dane. Już nie raz się na tym przejechałem, zmieniając np coś w css, w edge gra, w chrome bez zmian.. dopiero po kilkunastu minutach zaczyna chodzić.

[trueblue]

W Chrome musisz wywołać metodę submit na formularzu, jeśli przycisk zatwierdzania jest disabled.

[kk77]

U mnie na Chrome Wersja 58.0.3029.110 (64-bit) - działa.

tak działa, o godzinie 13 problem rozwiązany. Nie wiem jak. Kolega mi kod poprawił. Co zrobił nie wiem, ale na pewno nie onClick