Schutz vor Doppelklickern
Manchmal dauert es etwas länger, bis die Daten eines Online-Formulars an den Webserver übertragen sind. Viele Surfer vermuten einen Fehler und klicken mehrmals auf den Senden-Button. Sie erhalten die Nachrichten oder Bestellungen dann ebenfalls mehrfach. Schützen Sie sich, indem Sie die Schaltfläche "Senden" direkt nach dem ersten Aufruf deaktivieren. Weiter >>
Tipp-ID
1617Gültig für
HTML
Datum
07.03.2008Wertung
So geht's
Erstellen Sie das HTML-Formular nach dem folgenden Beispiel:
1 <form action="auswertung.php" method="post" name="testformular" onSubmit="abschicken(this.sendenknopf);">
2 Eingabe: <input type="text" name="text" size="30">
3 <input type="submit" name="sendenknopf" value="Absenden ">
4 </form>
2 Eingabe: <input type="text" name="text" size="30">
3 <input type="submit" name="sendenknopf" value="Absenden ">
4 </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:
1 <script language="JavaScript">
2 <!—
3 function abschicken(b)
4 {b.value = "Verschickt";
5 b.disabled = true;
6 return true;}
7 //-->
8 </script>
2 <!—
3 function abschicken(b)
4 {b.value = "Verschickt";
5 b.disabled = true;
6 return true;}
7 //-->
8 </script>
Das Skript tauscht den Text des Buttons aus und deaktiviert die Schaltfläche über die Eigenschaft disabled.