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.

Bookmark setzen... These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Bloglines
  • MisterWong
  • MySpace
  • Reddit
  • SEOigg
  • Technorati
  • TwitThis
  • Y!GG
  • Google Bookmarks

Weiterführende Links: