Skip to content

Removing inline CSS from the strength-meter and adding support to configurable CSS classes#673

Open
rodrigovallades wants to merge 1 commit intovictorjonsson:masterfrom
rodrigovallades:master
Open

Removing inline CSS from the strength-meter and adding support to configurable CSS classes#673
rodrigovallades wants to merge 1 commit intovictorjonsson:masterfrom
rodrigovallades:master

Conversation

@rodrigovallades
Copy link

@rodrigovallades rodrigovallades commented Feb 5, 2018

As requested in #434 , this removes the inline css from the 'strength-meter' element and places the styling into the CSS file.

The class names can also be configured via displayPasswordStrength(optionalConfig).

Example:

onModulesLoaded : function() {
  var optionalConfig = {
    text_strength0: 'Wow... weak password',
    text_strength1: 'Hmmm... still weak password',
    text_strength2: 'Getting better',
    text_strength3: 'Perfect!',
    cssClass_strength0: 'strength-weak',
    cssClass_strength1: 'strength-poor',
    cssClass_strength2: 'strength-ok',
    cssClass_strength3: 'strength-awesome'
  };
  $('input[type="password"]').displayPasswordStrength(optionalConfig);
}

@Amedeo91
Copy link

Feel free to raise your PR here: https://github.com/Amedeo91/jQuery-Form-Validator

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants