return;
}
html = "",
}; } else if (score < options.ui.scores[0]) {
*/ }; return word.match(/([a-zA-Z])/) && word.match(/([0-9])/) && score; padding: 10px;
Password is most important way to secure your data.If password is weak in not so strong anybody can access your data it is very important to create a secure password wherever you need.In this tutorial we will create a Password Strength Checker using JavaScript,jQuery and CSS if (options.ui.bootstrap2) { popover = $el.data("popover"); } result = {}; $bar.css("width", percentage + '%');
* jQuery Password Strength plugin for Twitter Bootstrap } } $container.find(options.ui.viewports.progress).append(progressbar); var jQuery = require("jquery"), And this only possible with JavaScipt to check the user's entered characters. hide = false;
if (popover.$arrow && popover.$arrow.parents("body").length > 0) {
hide = true;
} wordSimilarToUsername: "Your password cannot contain your username", lenScore = (lenScore + score); $el.popover("show"); *[a-zA-Z0-9])/) && score;
}
funct = rulesEngine.validation[rule], }/* margin: 0 auto; level = 0; }; wordThreeNumbers: 5, form[role=login] input, defaultOptions.ui.bootstrap2 = false; rulesEngine.executeRules = function (options, word) { if (options.ui.showPopover) {
errorMessage = options.ui.spanError(options, rule); }; } }; defaultOptions.ui.container = undefined;
wordUppercase: true,
}; wordSequences: "Your password contains sequences" } options.instances.errors.push(errorMessage); result, } return score; // Source: src/options.js wordOneNumber: true, }
}; display: block; (function ($, methods) { html += options.ui.popoverError(options.instances.errors); if ($.isFunction(options.common.onKeyUp)) { www.website.com score = rulesEngine.executeRules(options, word); position: relative; if (result < 0 || (!$.isNumeric(result) && !result)) { Note: We use the pattern attribute (with a regular expression) inside the password field to set a restriction for submitting the form: it must contain 8 or more characters that are of at least one number, and one uppercase and lowercase letter. } return this; progressbar = "