HTML
Schutz vor Doppelklickern
von
Achim
Beiermann
Volker
Hinzen - 07.03.2008
Wenn Surfer mehrmals auf den Senden-Button eines Formular klicken, dann erhalten Sie die Nachrichten oder Bestellungen mehrfach. Schützen Sie sich, indem Sie den Button nach dem Klick deaktivieren.
So geht's
Erstellen Sie das HTML-Formular nach dem folgenden Beispiel:
<form action="auswertung.php" method="post" name="testformular" onSubmit="abschicken(this.sendenknopf);">
Eingabe: <input type="text" name="text" size="30">
<input type="submit" name="sendenknopf" value="Absenden ">
</form>
Eingabe: <input type="text" name="text" size="30">
<input type="submit" name="sendenknopf" value="Absenden ">
</form>
Rufen Sie mit dem Abschicken die Funktion abschicken() auf und übergeben Sie als Parameter den Namen der Schaltfläche. Fügen Sie folgende Codezeilen in den Kopf der Webseite ein:
<script language="JavaScript">
<!—
function abschicken(b)
{b.value = "Verschickt";
b.disabled = true;
return true;}
//-->
</script>
<!—
function abschicken(b)
{b.value = "Verschickt";
b.disabled = true;
return true;}
//-->
</script>
Das Skript tauscht den Text des Buttons aus und deaktiviert die Schaltfläche über die Eigenschaft disabled.