Nur mit Bestätigung geht's weiter

Stand vom 30.02.2003
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.

Fachbegriffe
 Linktipps
Werbung  GPS Navigation   Webhosting inkl. Domain   AWD Erfahrung

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.