Password auf Groß und Kleinbuchstaben/ziffern achten JavaScript?
Hallo wir sollen bei einer Aufgabe überprüfen ob das Passwort ein Groß/kleinBuchstaben und eine Ziffer enthält und dann die Eingabe grüne färben. Bin mir aber nicht sicher wie das funktionieren soll.
Aufgabe:
(b) Erweitern Sie die Funktion aus der vorherigen Aufgabe so, dass auch bei mehr
als 8 Zeichen der Hintergrund ebenfalls gelb ist und erst grün wird, wenn die
Zeichenkette einen Großbuchstaben, einen Kleinbuchstaben, eine Ziffer und
ein anderes Zeichen enthält! Hinweis: Mit s.charAt(i) greift man auf das i-te Zeichen in der Zeichenkette s zu.
<!DOCTYPE html>
<html lang=de>
<head>
<title>JS – jQuery Einbinden</title>
<meta charset=utf-8>
<!-- Nur eine der beiden folgenden Varianten einsetzen: -->
<script src="jquery-3.4.1.min.js"></script>
<script>
function test(s)
{
var anz=s.length;
var charset = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
var bool=true;
if(anz<6)
{
$('#passw').css("background-color","pink");
}
if(anz>=6 && anz <=8)
{
$('#passw').css("background-color","yellow");
}
if(anz>8)
{
}
for(i=1;i<=anz; i++)
{
if(s.charAt(i)==charset)
$('#passw').css("background-color","lightgreen");
else
$('#kurz').text("zukurz");
}
$('#anz').text(anz);
}
</script>
</head>
<body>
<h1>Passworteingabe</h1>
<p>Passwort eingeben: </p>
<input type=text oninput="test(value);" id="passw">
<br>
Anzahl: <span id="anz"></span>
Zu Kurz? <span id="kurz"></span>
</body>
</html>
1 Antwort
Verwende die Methoden:
isUpperCase()
isLowerCase()
isDigit()
Alternativ
if (c >= '0' && c <= '9')
if (c >= 'a' && c <= 'z')
if (c >= 'A' && c <= 'Z')