Password

by Rich Costello

HTML

<div class="password-strength">
        <div class="password-strength__meter" data-drupal-selector="password-strength-meter"><div class="password-strength__indicator is-weak" data-drupal-selector="password-strength-indicator" style="width: 0%;"></div></div>
        <div aria-live="polite" aria-atomic="true" class="password-strength__title">Password strength: <span class="password-strength__text" data-drupal-selector="password-strength-text">Weak</span></div>
      </div>

CSS

.weak {color:red}

JavaScript

$('span.password-strength__text:contains("Weak")').addClass('weak');