diedVIPs

html knowhow

Passwortstärke checken










Passwortstärke checken

Dieses kleine Modul prüft ihr Passwort auf seine Stärke
So sieht´s aus
 

Die Prüfung har ergeben, daß ihr Passwort ist.

Die Prüfung wird ergeben, ob Ihr Passwort sehr sicher, sicher, unsicher oder zu kurz ist.
Quellcode
<html>
<head>
<script>
function char_count(){
//Über die DOM-Methode document.getElementById wird der Wert aus dem Eingabefeld geholt
//und der Variablen val zugewiesen.
var val = document.getElementById('eingabe').value;

var call = document.getElementById('feedback');
if (val.length > 5)
{
if (val.match(/\d{1,}/) && val.match(/[a-zA-ZäöüÄÖÜ]{1,}/) && val.match(/\W/))
{
call.style.color="#428c0d";
call.innerHTML = "<strong>sehr sicher!</strong>";
}
else if (val.match(/\d{1,}/) && val.match(/[a-zA-ZäöüÄÖÜ]{1,}/) || val.match(/\W/) && val.match(/[a-zA-ZäöüÄÖÜ]{1,}/))
{
call.style.color="#56a40c";
call.innerHTML = "<strong>sicher!</strong>";
}
else
{
call.style.color="#ff9410";
call.innerHTML = "<strong>unsicher!</strong>";}
}
else
{
call.style.color="#ff352c";
call.innerHTML = "<strong>zu kurz!</strong>";}
};
</script>
<style type="text/css">Kein Eintrag</style>
</head>

<body>
<form id="form">
<p>Setzen Sie Ihr Passwort</p>
<label>Text:</label>&nbsp;
<input type="text" name="text" id="eingabe" onkeyup="char_count();" />
<br />
<input type="button" value="Eingabe pr&uuml;fen" />
<p>Ihr Passwort ist:
<span id="feedback"></span>
</p>
</form>

</body></html>


Passwortstärke checken

Dieses kleine Modul prüft ihr Passwort auf seine Stärke
So sieht´s aus

Ihr Passwort muss folgende Punkte enthalten:
1) Ein alphabetische Zeichen.
2) Ein symbolisches Zeichen.
3) Ein numerisches Zeichen.
4) Muss mindestens 8 Zeichen haben.

Quelltext
<html>
<head>
<style type="text/css">img.pic1 { transition: transform 0.2s; } img.pic1:hover { transform: scale(2.0, 2.0); }</style>
</head>

<body>
<iframe src ="Rate/rate.php" frameborder="0" width="100%" height="150px" marginheight="0" marginwidth="0" name="Zähler" scrolling="no" ></iframe>
</body>
</html>
Download Button   Laden Sie die .zip-Datei runter









Kontakt    Datenschutz   Impressum