ForgeComponentes
pt

Componentes

j-PasswordMeter

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

Configuração:

  • A palavra-passe numbers {Boolean} deve conter pelo menos 1 número (default: true)
  • A palavra-passe chars {Boolean} deve conter pelo menos 1 chars (default: true)
  • A palavra-passe special {Boolean} deve conter pelo menos 1 char especial (default: false)
  • A palavra-passe min {Number} deve ter mínima comprimento de caracteres (default: 4)
  • A palavra-passe casesensitive {Boolean} deve conter min. 1 baixo e superior (default: true)
  • weak {String} um rótulo para senha fraca (default: Weak)
  • good {String} um rótulo para uma boa senha (default: Good)
  • strong {String} um rótulo para uma senha forte (default: Strong)
  • short {String} um rótulo para a senha curta (default: Short password)
  • text {String} um rótulo para a etiqueta (default: Password strength)
  • valid {Number} min. critérios válidos em porcentagem (default: 40)
  • NEW showprogress {Boolean} mostra uma barra de progresso (default: true)
  • NEW progress {String} um caminho para function({ progress: Number, rating: Number, numbers: Number, chars: Number, special: Number, upper: Number, lower: Number, unicode: Number, points: Number })

Bom para saber:

Esta componente avalia a senha de acordo com a classificação.A classificação é calculada como uma porcentagem: 100% = forte, 50% = bom, 0% = fraco.

  • A classificação de weak é menor que a de 30.
  • A classificação de good é entre 30 e 70.
  • A classificação de strong é maior que a de 70.

Use-o com <ui-component name="passwordmeter">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>