Nur mit Bestätigung geht’s weiter

Bei vielen Anmeldeformularen muss man die AGBs gelesen haben, und das bestätigen. Ein paar Zeilen JavaScript Code deaktivieren den Absenden Button, bis man die Checkbox bestätigt hat.

Wenn man sich in irgendeiner Community anmeldet, muss man immer
bestätigen, das man die AGBs gelesen hat. Dies geschieht mit
einer Checkbox.
Mit ein wenig JavaScript ist es möglich, das der Absenden Button
solange deaktiviert bleibt, bis der Besucher die Checkbox angeklickt
hat.
Schauen Sie sich die Demo
an.

<form name="agb">
<input type="checkbox" name="agb_check" onClick="check(this,
document.agb.senden)"> Ich habe die AGBs gelesen, und aktzeptiere
diese.
<br><br>
<input type="submit" name="senden" value="...Weiter"
disabled>
</form>

Das dazugehörige Skript:
<script language="JavaScript">
<!--
function check(checkbox, senden)
{
if(checkbox.checked==true){
senden.disabled = false;
}

else
{
senden.disabled = true;
}

}
//-->
</script>

An die Funktion check wird die Checkbox, und der Submit Button übermittelt.
Das wird über die Checkbox getan onClick="check(this,
document.agb.senden)
. Das Formular hat den Namen "agb",
und der Absenden Button hat den Namen "senden". Die Übermittlung
der Checkbox erfolgt über den this Handler, der auf
das aktuelle Element weißt. Die Übermittlung des Absenden
Buttons verläuft über das document – Objekt, über
welches man auf die einzelnen Elemente (hier über die Namen)
zugreifen kann.

Die JavaScript Funktion ermittelt, ob die Checkbox angeklickt ist,
ist das der Fall, wird der Absenden Button freigschaltet.

This entry was posted in Javascript Tricks. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *