# j-PasswordMeter

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

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: nl
Content-SHA256: 58d056811c8302549c06d2348be11fb0a2b2a646b682ec0884219936e4cacb69
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__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.

```html 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>
```