A password strength indicator that validates based on our requirements.


Usage

  1. Add localmed-password-checker.css, localmed-progress.css, and localmed-password-checker.js to get started.
  2. Add the data-password-checker attribute to the password field.
Toggle
<form class="form gray-form">
  <div class="field">
    <div class="field-label">
      <label for="password">Password</label>
    </div>
    <div class="field-input">
      <input type="password" data-password-checker>
    </div>
  </div>
</form>