ForgeKomponenter
sv

Komponenter

j-PasswordMeter

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Konfigurera:

  • numbers {Boolean} måste innehålla minst 1 siffra (default: true)
  • chars {Boolean}-lösenord måste innehålla minst 1 lådor (default: true)
  • special {Boolean}-lösenord måste innehålla minst 1 specialchark (default: false)
  • min {Number} måste ha min. tecken längd (default: 4)
  • casesensitive {Boolean}-lösenord måste innehålla minst 1 lägre och övre laddare (default: true)
  • weak {String} en etikett för svagt lösenord (default: Weak)
  • good {String} en etikett för ett bra lösenord (default: Good)
  • strong {String} en etikett för starkt lösenord (default: Strong)
  • short {String} en etikett för kort lösenord (default: Short password)
  • text {String} en etikett för etikett (default: Password strength)
  • valid {Number} min. giltiga kriterier i procent (default: 40)
  • NEW showprogress {Boolean} visar en programbare (default: true)
  • NEW progress {String} en väg till function({ progress: Number, rating: Number, numbers: Number, chars: Number, special: Number, upper: Number, lower: Number, unicode: Number, points: Number })

Bra att veta:

Denna komponent utvärderar lösenordet enligt betyget.Rating räknas som en procentsats: 100% = Strong, 50% = Good, 0% = Weak.

  • weak är lägre än 30
  • good är mellan 30 och 70
  • strong är högre än 70

Använd den med <ui-component name="passwordmeter">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>