j-PasswordMeter

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Configuratie:

Het wachtwoord numbers {Boolean} moet minimaal 1 nummer bevatten (default: true)
Het wachtwoord van chars {Boolean} moet minimaal 1 schijf bevatten (default: true)
Het wachtwoord van special {Boolean} moet minimaal 1 speciale char bevatten (default: false)
Het wachtwoord min {Number} moet min. lengte van tekens hebben (default: 4)
casesensitive {Boolean} wachtwoord moet min. 1 lagere en bovenste char bevatten (default: true)
weak {String} een label voor zwakke wachtwoord (default: Weak)
good {String} een label voor een goed wachtwoord (default: Good)
strong {String} een label voor sterke wachtwoorden (default: Strong)
short {String} een label voor korte wachtwoord (default: Short password)
text {String} een etiket voor het label (default: Password strength)
valid {Number} min. geldig criterium in percentage (default: 40)
NEW showprogress {Boolean} toont een progress bar (default: true)
NEW progress {String} een weg naar function({ progress: Number, rating: Number, numbers: Number, chars: Number, special: Number, upper: Number, lower: Number, unicode: Number, points: Number })

Goed om te weten:

Deze component beoordeelt het wachtwoord volgens de rating.Rating wordt berekend als een percentage: 100% = Sterk, 50% = Goed, 0% = Zwak.

weak is lager dan 30
good is tussen 30 en 70
strong is hoger dan 70

Gebruik het met <ui-component name="passwordmeter">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>