j-PasswordMeter

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Konfiguracja:

Pamiętaj, że hasło numbers {Boolean} musi zawierać co najmniej 1 numer (default: true)
Hasło chars {Boolean} musi zawierać co najmniej 1 ładunek (default: true)
hasło special {Boolean} musi zawierać co najmniej 1 specjalny ładunek (default: false)
hasło min {Number} musi mieć minimalną długość znaków (default: 4)
hasło casesensitive {Boolean} musi zawierać co najmniej 1 dolny i górny ładunek (default: true)
weak {String} etykieta dla słabego hasła (default: Weak)
good {String} etykieta dla dobrego hasła (default: Good)
strong {String} etykieta dla silnego hasła (default: Strong)
short {String} etykieta dla krótkiego hasła (default: Short password)
text {String} etykieta dla etykiety (default: Password strength)
valid {Number} Min. ważne kryteria w procentach (default: 40)
NEW showprogress {Boolean} wyświetla pasek postępowy (default: true)
NEW progress {String} droga do function({ progress: Number, rating: Number, numbers: Number, chars: Number, special: Number, upper: Number, lower: Number, unicode: Number, points: Number })

Dobrze wiedzieć:

Wskaźnik ocenia hasło według oceny: 100% = silny, 50% = dobry, 0% = słaby.

weak Ocena jest niższa niż 30
Wskaźnik good wynosi między 30 a 70.
Wskaźnik strong jest wyższy niż 70

Użyj go z <ui-component name="passwordmeter">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>