ForgeComponenti
it

Componenti

j-PasswordMeter

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

Configurazione:

  • La password numbers {Boolean} deve contenere almeno 1 numero (default: true)
  • La password di chars {Boolean} deve contenere almeno 1 carico (default: true)
  • La password special {Boolean} deve contenere almeno 1 carico speciale (default: false)
  • La password min {Number} deve avere una lunghezza minima di caratteri (default: 4)
  • La password casesensitive {Boolean} deve contenere almeno 1 carico inferiore e superiore (default: true)
  • weak {String} un'etichetta per password debole (default: Weak)
  • good {String} un'etichetta per una buona password (default: Good)
  • strong {String} un'etichetta per una password forte (default: Strong)
  • short {String} un'etichetta per la password corta (default: Short password)
  • text {String} un'etichetta per l'etiche (default: Password strength)
  • valid {Number} min. criteri validi in percentuale (default: 40)
  • NEW showprogress {Boolean} mostra una barra di progresso (default: true)
  • NEW progress {String} un percorso a function({ progress: Number, rating: Number, numbers: Number, chars: Number, special: Number, upper: Number, lower: Number, unicode: Number, points: Number })

Buono sapere:

Questo componente valuta la password in base alla valutazione.La valutazione è calcolata come percentuale: 100% = forte, 50% = buono, 0% = debole.

  • La valutazione di weak è inferiore a quella di 30.
  • La valutazione di good è tra 30 e 70.
  • La valutazione di strong è superiore a quella di 70.

Utilizzare con <ui-component name="passwordmeter">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>