j-PasswordMeter

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Configuration :

Le mot de passe numbers {Boolean} doit contenir au moins 1 numéro (defaut : true)
Le mot de passe chars {Boolean} doit contenir au moins 1 chars (defaut : true)
Le mot de passe special {Boolean} doit contenir au moins 1 char spécial (defaut: false)
Le mot de passe min {Number} doit avoir une longueur minimale de caractères (defaut : 4)
Le mot de passe casesensitive {Boolean} doit contenir au moins 1 char inférieur et supérieur (defaut: true)
weak {String} un étiquette pour mot de passe faible (défaut: Weak)
good {String} un étiquette pour un bon mot de passe (défaut: Good)
strong {String} un étiquette pour un mot de passe fort (défaut: Strong)
short {String} un étiquette pour mot de passe courte (defaut: Short password)
text {String} un étiquette pour l'étiquettes (defaut: Password strength)
valid {Number} min. critères valides en pourcentage (defaut: 40)
NEW showprogress {Boolean} affiche une barre de progrès (defaut: true)
NEW progress {String} un chemin vers function({ progress: Number, rating: Number, numbers: Number, chars: Number, special: Number, upper: Number, lower: Number, unicode: Number, points: Number })

Bon à savoir :

Cette composante évalue le mot de passe en fonction de la note.La note est calculée comme un pourcentage: 100% = fort, 50% = bon, 0% = faible.

weak Le classement est inférieur à 30
La note de good est entre 30 et 70.
strong Le classement est plus grand que 70

Utilisez-le avec <ui-component name="passwordmeter">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

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>