Get new jQuery plugins just once a week

×

hsimp

FavoriteLoadingAdd to favorites

May 10, 2016

hsimp | A jQuery plugin to check your password strength

hsimp is a jQuery plugin that checks how Secure is your Password and by also cross-checking against 10000 most common passwords.

Created by How Secure Is My Password?

Download

Example

hsimp

password strength checker

How Secure Is My Password?

Now you can use the howsecureismypassword.net password strength meter on your own sites.

About

Rather than just saying a password is "weak" or "strong", How Secure is My Password? lets your users know how long it would take someone to crack their password. It also checks against the top 10,000 most common passwords as well as a number of other checks (such as repeated strings, telephone numbers, and words followed by numbers).

Other Versions

This is the vanilla JS version of the plugin. Other versions are also available:

Setup

Installation

bower install hsimp

CSS

Copy the build/hsimp.css file to your css directory and include it in your document <head>:

<link rel="stylesheet" href="/css/hsimp.css">

JavaScript

Copy the build/hsimp.min.js file to your js directory and include it at the bottom of the document <body>:

<script src="/js/hsimp.min.js"></script>
<!-- Other scripts go here -->

The hsimp.min.js file can optionally be used with AMD and Common JS module loaders using the module name hsimp. If no module loader is found a global hsimp function will be made available.

Usage

The hsimp function takes two arguments: a configuration object and an HTML <input> element

hsimp({
    options: {
        calculationsPerSecond: 1e10 // 10 billion,
        good: 31557600e3, // 1,000 years
        ok: 31557600 // 1 year
    },
    outputTime: function (time, input) {
        console.log(time, input);
    },
    outputChecks: function (checks, input) {
        console.log(checks, input);
    }
}, document.getElementById("password"));

Configuration

The configuration object supports three properties:

options

Currently there are three supported options:

outputTime

The outputTime function is passed two variables: the time it would take to crack the password (as a human-readable string) and (optionally) the input which it refers to.

var renderTime = function (time, input) {
    document.getElementById("password-strength").innerHTML(time);
}

hsimp({ outputTime: renderTime }, document.getElementById("password"));

outputChecks

The outputChecks function is passed two variables: an array of check results and (optionally) the input which it refers to.

Each check result is an object with three properties:

{
    name: "Length: Very Short",
    message: "Your password is very short. The longer a password is the more secure it will be.",
    level: "warning"
}

Currying

The hsimp function supports currying. This means you can set the options once and then use the returned function to setup more than one input:

var attachHSIMP = hsimp({
    // shared options here
});

attachHSIMP(document.getElementById("input-1"));
attachHSIMP(document.getElementById("input-2"));

License

The MIT License (MIT)

Copyright (c) 2015, Mark Nicholas Wales / Small Hadron Collider

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

hsimp

Related posts:

file-api
ClockPicker
Labelauty

To install using Bower
bower install hsimp

hsimp

http://jquer.in/wp-content/uploads/2016/05/hsimp.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever