Bootstrap 3 Password Strength Meter Example - HTML Verdicts

jQuery(document).ready(function () {
    "use strict";
    var options = {};
    options.ui = {
        container: "#pwd-container",
        verdicts: [
            "<span class='fa fa-exclamation-triangle'></span> Weak",
            "<span class='fa fa-exclamation-triangle'></span> Normal",
            "Medium",
            "<span class='fa fa-thumbs-up'></span> Strong",
            "<span class='fa fa-thumbs-up'></span> Very Strong"],
        showVerdictsInsideProgressBar: true,
        viewports: {
            progress: ".pwstrength_viewport_progress"
        }
    };
    options.common = {
        debug: true,
        onLoad: function () {
            $('#messages').text('Start typing password');
        }
    };
    $(':password').pwstrength(options);
});

Go back