LOCAWEB STYLE

Documentação Locaweb Style

Medidor de complexidade de senhas

Mede a complexidade da senha de maneira simples.

Este é um medidor de complexidade de senha simples, sem muitas restrições, apenas um indicador visual da "força" da senha.

O monitor deste componente não valida a senha, apenas mostra a força da senha baseado em regras bem simples conforme table abaixo.

Classificação Condições
Forte (strong) Deve conter mais de 8 caracteres, letras, números, letras maiúsculas e caracteres especiais.
Boa (good) Deve conter mais de 8 caracteres, letras e números. Além de letras maiúsculas ou caracteres especiais.
Média (medium) Deve conter mais de 8 caracteres, letras e números.
Fraca (weak) Contém menos de 8 caracteres ou apenas números ou apenas letras.

Método

Há um método que retorna a classificação de força de uma determinada string quando passada via argumento.

Método Exemplo
checkIt Ao executar locastyle.passwordStrength.checkIt("123") o resultado esperado é a string "weak".

Força da senha

<div class="example">
  <div class="control-group">
    <label for="user_password">Nova senha</label>
    <input class="password autoFocus span3" id="user_password" data-component="password-strength" data-monitor-id="password-strength-monitor" name="" type="password">
    <div class="password-strength">
      <p>Força da senha</p>
      <div id="password-strength-monitor" class="monitor"></div>
    </div>
  </div>
</div>

Outro exemplo

Senha entre 8 a 14 caracteres, contendo letras e números

Força da senha:

<div class="example">
  <div class="control-group">
    <label class="noMarginBottom" for="user_password">Nova senha</label>
    <p>Senha entre 8 a 14 caracteres, contendo letras e números</p>
    <input class="password autoFocus span3" id="account-password" data-component="password-strength" data-monitor-id="password-strength-monitor-2" type="password">
    <div class="password-strength">
      <p>Força da senha:</p>
      <div id="password-strength-monitor-2" class="monitor"></div>
    </div>
  </div>
</div>

Força da senha

Este não é o mesmo requisito de senha usado nos paineis da Locaweb, existe outra validação para estes casos. A proposta deste componente é prover um feedback de força de senha com requisitos simples.

Não consideramos por exemplo sequência de caracteres, alta ocorrência do mesmo caractere, mesmo caractere consecutivo e outros requisitos usados para validar a força de uma senha.

Lembrando também que este componente não valida a senha, ou seja, mesmo uma senha de classificação fraca (weak), passaria em um form de criação de senha, esta validação fica por sua conta.