LOCAWEB STYLE

Documentação Locaweb Style

Alternando campos

Exibindo conteúdo do campo de senha

Para ativar essa funcionalidade o elemento precisa possuir a classe togglePass e receber o atributo data-target com o mesmo valor do ID do input que será alternado seu tipo de password/text.

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

<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>
    <div class="input-append">
      <input class="span3" id="account-password" type="password">
      <a href="#" tabindex="3" class="add-on togglePass ico-eye" data-classtoggle="ico-eye,ico-eye-off" data-target="#account-password"></a>
    </div>
  </div>
</div>

Com força de senha

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

Força da senha:

<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>
  <div class="input-append fLeft">
    <input class="span3" id="account-password2" data-component="password-strength" data-monitor-id="password-strength-monitor-2" type="password">
    <a href="#" tabindex="3" class="add-on togglePass ico-eye" data-classtoggle="ico-eye,ico-eye-off" data-target="#account-password2"></a>
  </div>
  <div class="password-strength">
    <p>Força da senha:</p>
    <div id="password-strength-monitor-2" class="monitor"></div>
  </div>
</div>