j-PasswordMeter

jComponent 20 · jcomponent@20 component Example loaded with jComponent 20

Configuration:

numbers {Boolean} password must contain min. 1 numbers (default: true)
chars {Boolean} password must contain min. 1 chars (default: true)
special {Boolean} password must contain min. 1 special char (default: false)
min {Number} password must have min. length of characters (default: 4)
casesensitive {Boolean} password must contain min. 1 lower and upper char (default: true)
weak {String} a label for weak password (default: Weak)
good {String} a label for good password (default: Good)
strong {String} a label for strong password (default: Strong)
short {String} a label for short password (default: Short password)
text {String} a label for label (default: Password strength)
valid {Number} min. valid criteria in percentage (default: 40)
NEW showprogress {Boolean} shows a progress bar (default: true)
NEW progress {String} a path to function({ progress: Number, rating: Number, numbers: Number, chars: Number, special: Number, upper: Number, lower: Number, unicode: Number, points: Number })

Good to know:

This component evaluates password according to the rating. Rating is counted as a percentage: 100% = Strong, 50% = Good, 0% = Weak.

weak rating is lower than 30
good rating is between 30 and 70
strong rating is greater than 70

Use it with <ui-component name="passwordmeter">. When the component is not loaded yet, jComponent downloads it on first use from the address in DEF.fallback (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

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>