JavaScript Altersabfrage

Deine Website enthält Content der nicht für die Augen Minderjähriger gedacht ist? Hier kommt der JavaScript Code-Snippet mit dem du das Alter deiner User überprüfen kannst und unter 18jährigen keinen Zugang gewährst.

Bedenke, dass dieses Script nur die Eingabe des Users mit einem bestimmten Zahlenwert vergleicht. Um deine Website wirklich für minderjährige Besucher unzugänglich zu machen, ist dieses Script nicht geeignet.

Wem eine einfache Überprüfung für seine Website reicht, kann gerne weiter lesen.

Zunächst benötigen wir, wer hätte es gedacht, ein Eingabefeld. Im konkreten Anwendungsfall ist der Einsatz eines Overlays oder Ähnliches für die Platzierung des Eingabefelds sicherlich sinnvoll, damit der User die Altersabfrage nicht einfach umgehen kann.

Bitte gib dein Alter an:  

<input type="text" name="userAge" id="userAgeInput" value="">

<button type="button" id="submitAge" onclick="checkAge()">Alter überprüfen</button>

Beispiel: Überprüfung nach Alter

Hierbei handelt es sich um die „einfachste“ Variante das Alter des Users zu überprüfen. In der Variable userAge wird der Value also die Eingabe des Users gespeichert und anschließend an die darauf folgende Funktion übergeben bzw. dort ausgelesen. Die Funktion besteht aus zwei Bedingungen und deren entsprechenden else-Blöcken. In der ersten wird geprüft ob der User eine Eingabe getätigt hat. Wenn dies zutrifft wird die Eingabe mit dem Wert der Volljährigkeit (in diesem Beispiel 18) verglichen. Je nach Wert der Eingabe des Users wird ein entsprechendes alert ausgegeben.

function checkAge() {	

 var userAge = document.getElementById('userAgeInput').value;

    if (userAge !== "") {
      if (userAge > 18 || userAge == 18) {
        alert("Du bist volljährig.");
      } else if (userAge < 18) {
        alert("Du bist noch nicht volljährig."); 
      }
    } else {
      alert("Bitte gib dein Alter an.");
    } 
}

Ergebnis

Bitte gib dein Alter an:

Beispiel: Überprüfung nach Geburtsjahr

In diesem Beispiel erfährst du, wie du die Volljährigkeit deiner Websitebesucher anhand des Geburtsjahrs überprüfen kannst. Es kann wie im obigen Beispiel ein ganz normales Input-Feld verwendet werden. Es macht allerdings mehr Sinn wenn dem User eine "Vorauswahl" mittels Select zur Verfügung gestellt wird.

Wie du das Select dynamisch für Tag, Monat und oder Jahr befüllen kannst, erfährst du hier.

Bitte gib dein Geburtsjahr an:

<select id="birthYear" name="birthYear" value="">
</select>
  
<button type="button" id="submitAge" onclick="checkAge()">Alter überprüfen</button>
function checkAge() {	

var userAge = new Date().getFullYear() - document.getElementById("birthYear").value;

  if ( userAge > 18 || userAge == 18 ) {
    alert( "Du bist volljährig." );   
  } else {
    alert( "Du bist noch nicht volljährig." );  
  }
}

Ergebnis

Beispiel: Überprüfung nach Geburtsdatum

Ergebnis

Bitte gib dein Geburtsdatum an:

Kommentar verfassen

Ich habe die Datenschutzerklärung zur Kenntnis genommen. Die abgesendeten Daten werden nur zum Zweck der Bearbeitung Deines Anliegens verarbeitet. Weitere Informationen findest Du in unserer Datenschutzerklärung.