2013-07-29 17 views
5

Mam przycisk przesyłania na mojej stronie logowania. Chcę wyłączyć przycisk przesyłania po kliknięciu raz. Nie działa poprawnie z zapytaniem this.disabled = true;, a po wyłączeniu przycisku przechodzi do następnej strony. Problem polega na tym, że po naciśnięciu przycisku wstecz nadal jest wyłączony, ponieważ strona nie jest ponownie załadowany z serwera, To ładowanie z lokalnej pamięci podręcznej. Chcę włączyć przycisk za każdym razem, gdy wracam do strony logowania. Mogę wyczyścić pamięć podręczną, ale jest pewien problem, jak gdyby ładował się z serwera, a projekt będzie wolny. Jaki będzie najlepszy sposób na zrobienie tego?Przycisk wyłączania po kliknięciu problemu

<script> 
$(document).ready(function(){ 
    $(document).on('click','button',function(){ 
     this.disabled = true 
     window.location="https://www.google.co.in/" 
    }) 
}) 
</script> 
<body> 
<button type="submit" id="button">Click Me!</button> 
</body> 
+0

dlaczego musisz go wyłączyć, jeśli przejdzie na inną stronę? – Sergio

+0

@Sergio - Prawdopodobnie, aby uniknąć wielokrotnego przesyłania formularzy lub czegoś w tym zakresie. – sbeliv01

+0

@ sbeliv01, tak, możliwe. Po prostu ciekawy, jak zrozumieć lepszy pomysł na PO. – Sergio

Odpowiedz

2

ustawić przyciski początkowy atrybut disabled do niepełnosprawnych w html ciała, aby udowodnić, że kod ma ją włączyć ponownie (tak można usunąć, że w organizmie) Mam nadzieję, że to pomoże:

<script> 
$(document).ready(function() { 
$("#button").removeAttr('disabled'); 
$("#button").click(function(){ 
     $(this).attr('disabled','disabled'); 
     window.location="https://www.google.co.in/" 
    }); 
}); 
</script> 
<body> 
<button type="submit" id="button" disabled="disabled">Click Me!</button> 
</body> 
+0

@StevelKB działa dobrze w przeglądarce nie na Androida. – Nullify

+0

Czy chcesz dodać tag Androida do swojego pytania, dzięki! – SteveKB

2

Potrzebujesz innego zdarzenia, które zapewni włączenie przycisku przy ładowaniu strony. Coś jak:

<script> 
$(document).ready(function(){ 
    $("#button").disabled = false; 
    $(document).on('click','button',function(){ 
     this.disabled = true 
     window.location="https://www.google.co.in/" 
    }) 
}) 
</script> 
<body> 
<button type="submit" id="button">Click Me!</button> 
</body> 

nie spróbować uruchomić ten więc nie jestem pewien, czy składnia jest 100%, ale powinno dać dobry pomysł.

+0

Spowoduje to wyłączenie przycisku, a następnie włączenie go. – mikeswright49

+1

Nie. Wyłączenie jest ustawione na wartość true wewnątrz detektora onclick. Funkcja Document.ready() jest wywoływana po renderowaniu strony. Ten kod włącza renderowanie przycisku po stronie. Przyznane nie jestem pewien, czy .ready() zostanie wywołany, jeśli załadowany z pamięci podręcznej. – retrohacker

+0

dude powinieneś przeczytać uważnie pytanie. Włączenie przycisku będzie działało, gdy uruchomi $ ("button #"). Disabled = false; po kliknięciu przycisku nie uruchomi żadnego zapytania, zwróci stronę z pamięci podręcznej – Nullify

Powiązane problemy