Add new language property to the plugin

When using the input with Bootstrap 4 the invalid feedback does not show up on error state.

$form = ActiveForm::begin([
    'layout' => ActiveForm::LAYOUT_HORIZONTAL,
    'method' => 'post',
]);

echo $form->field($model, 'password')->widget(PasswordInput::class);

ActiveForm::end();

The selector in Bootstrap 4 to show the invalid feedback is .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, which does not match the layout of the Strenth input.

When the number at the beginning of the score is particularly high, but when the beginning of the letter, the score is far below the normal value. For example, "12570uo"-"60%", "uo12570"-33%

I need template to display 5 colored squares to show the degree of difficulty, be like this project: http://asgaard.co.uk/misc/jquery/?show=password

This plugin works great.

But the strength meter is always placed right next to the input. It would be nice if there was een option to indicate the target container where the meter should be displayed. This way a developer can put the meter indicater where ever he wants.

Regards,

Marc

Events now begin with name strength: instead of strength.

Different template inputNoToggleTemplate that will be parsed when toggleMask is set to false.

Strength Meter Turkish translation.
This file must be saved in UTF-8 encoding.

(function ($) {
"use strict";

$.fn.strengthLocales['tr'] = {
    toggleTitle: 'Parolayı göster/gizle',
    verdictTitles: {
        0: 'Çok kısa',
        1: 'Çok zayıf',
        2: 'Zayıf',
        3: 'İyi',
        4: 'Güçlü',
        5: 'Çok güçlü'
    }
};

})(jQuery);

This script works visually but none of the events trigger, and methods do not return correct values.

Using: Jquery 3.2.1 + Jquery Migrate 3.0.0 + Bootstrap 4.1.1

By reading the "README.md" we can think that this project want to target the bootstrap framework some how or at less be compatible with it. Unfortunately the plugin works by moving a preset image in the background which forces the kv-score bar to have a fixed size, losing the opportunity to really be responsive.

Fortunately it is very easy to stop using a background image and instead set a background color for the score box avoiding the need to set a width and making the plugin friendly with a responsive design.

Please see some ideas of how to implement the background color of the kv-score box, without the usage of an image here:
https://stackoverflow.com/questions/7128675/from-green-to-red-color-depend-on-percentage

Example:

This is an example of how i fixed this problem from outside the plugin, without to touch the code, but for sure will be preferable if strength-meter is already prepared to work with percentages and not with a fixed box width.

https://jsfiddle.net/lestcape/j0exbomq/

Thank you for this plugin.

I just updated it from v1.0.0 to last (v1.1.4) on a very old app and noticed a change in the scoring behavior.
Point deduction does not apply anymore for consecutive lowercase letters presence.
It does apply correctly with consecutive uppercase letters though.

If I'm not mistaken, this change appeared in v.1.1.1 (because of the "break;" in the for loop of the getScore function).

To reproduce, compare before and after v1.1.1 :

• install version before v1.1.1

• type in "aaaaaa"

• see calculated score : 1%

• install latest version

• type in "aaaaaa"

• see calculated score : 28%

You can as well see this behaviour on the plugin demo page (http://plugins.krajee.com/strength-meter/demo).