j-PasswordMeter

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Konfiguration:

numbers {Boolean}-Passwort muss min. 1 Ziffern (Standard: true)
chars {Boolean}-Passwort muss min. 1 Zeichen (Standard: true)
special {Boolean}-Passwort muss min. 1 Sonderzeichen (Standard: false)
min {Number}-Passwort muss min. Länge der Zeichen (Standard: 4)
casesensitive {Boolean}-Passwort muss min. 1 unteres und oberes Zeichen (Standard: true)
weak {String} eine Bezeichnung für ein schwaches Passwort (Standard: Weak)
good {String} eine Bezeichnung für ein gutes Passwort (Standard: Good)
strong {String} eine Bezeichnung für ein sicheres Passwort (Standard: Strong)
short {String} eine Bezeichnung für ein Kurzpasswort (Standard: Short password)
text {String} ein Label für Label (Standard: Password strength)
valid {Number} min. gültige Kriterien in Prozent (Standard: 40)
NEW showprogress {Boolean} zeigt einen Fortschrittsbalken an (Standard: true)
NEW progress {String} ein Pfad zu function({ progress: Number, rating: Number, numbers: Number, chars: Number, special: Number, upper: Number, lower: Number, unicode: Number, points: Number })

Gut zu wissen:

Diese Komponente wertet das Passwort anhand der Bewertung aus. Die Bewertung wird als Prozentsatz gezählt: 100% = Stark, 50% = Gut, 0% = Schwach.

Die Bewertung von weak ist niedriger als die von 30
Die Bewertung good liegt zwischen 30 und 70
strong-Bewertung ist größer als 70

Verwenden Sie es mit <ui-component name="passwordmeter">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

example.html

<div style="width:300px">
	<ui-component name="passwordmeter" path="mypassword1"></ui-component>
	<br />
	<ui-component name="passwordmeter" path="mypassword2"></ui-component>
	<br />
	<ui-component name="passwordmeter" path="mypassword3"></ui-component>
</div>

<script>
	var mypassword1 = '123456';
	var mypassword2 = 'abcd';
	var mypassword3 = 'Ad35*t84';
</script>