Wie kann ich mit JavaScript eine einfache Validierung umsetzen?
Hallo zusammne,
ich möchte gerne, dass wenn man in das Inputfield vom Typ email etwas eingibt, eine alert-Funktion aufgerufen wird. Die Funktion soll erst aufgerufen werden, wenn in das Eingabefeld vom Typ email fünf Zeichen eingegben worden sind.
Beispiele:
- Maxmu (hier sollte das alert aufgerufen werden) stermann@muster.com, wäre richtig.
- ds@d, wäre falsch, da nur vier Zeichen eingegeben worden sind und die Funktion sollte nicht aufgerufen werden.
Hier das Codebeispiel.
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="Stylesheet" href="style.css">
<script src="Übungen.js"></script>
</head>
<body>
<form>
<label for Anmelden>Anmelden</label>
<input type="email" name="Anmelden" id="Anmelden">
<label for Password>Password</label>
<input type="password" name="Password" id="Passwort">
<button type="button" onclick="Einloggen()">Anmelden</button>
</form>
</body>
</html>
JavaScript:
const Anmeldedaten = document.getElementById("Anmelden").innerHTML;
function Einloggen() {
if (Anmeldedaten.length > 5) {
alert("Es hat geklappt!");
}
}
Ich bedanke mich im Voraus bei euch. :)
2 Antworten
Warum nicht Suchmaschinen befragen? Sie finden gute Anleitungen dazu:
https://www.google.com/search?q=data+validation+in+javascript&oq=data+validation+in+javascript
Ich würde es folgendermaßen umsetzen:
let anmeldedaten = document.getElementById("Anmelden")
anmeldedaten.oninput = () => {
if(anmeldedaten.value.length >= 5){
//blablabla
}
}
Woher ich das weiß:Berufserfahrung