PasswordRulesHelper 1.0.6

Introduction

passwordRulesHelper is a JQuery plugin to help users to indicate a right password in your form. There are 5 defaults rules, but you can add custom's rules.

https://codepen.io/Nirysse/pen/KgrJEN

Installing

https://www.npmjs.com/package/passwordruleshelper

npm install passwordruleshelper

Step 1 : Link required files

<!-- jQuery library (served from Google) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<!-- passwordRulesHelper Javascript file -->
<script src="dist/js/passwordRulesHelper.min.js"></script>
<!-- passwordRulesHelper CSS file -->
<link href="/dist/css/passwordRulesHelper.min.css" rel="stylesheet" />

Step 2 : Create HTML

<input type='password' name='passwordField' id='passwordField'/>

Step 3 : Call the PasswordRulesHelper

$(function() {
    $('#passwordField').passwordRulesValidator();
});

Configuration options

rules Array where are all rules for password.

There are 5 rules already initialize :

'rules' : {
    'length' : {
        'regex': '.{8,}',
        'name': 'length',
        'message': '8 characters',
        'enable': true
    },
    'lowercase' :{
        'regex': '[a-z]{1,}',
        'name': 'lowercase',
        'message': '1 lowercase',
        'enable': true
    },
    'uppercase' : {
        'regex': '[A-Z]{1,}',
        'name': 'uppercase',
        'message': '1 uppercase',
        'enable': true
    },
    'number' : {
        'regex': '[0-9]{1,}',
        'name': 'number',
        'message': '1 digit',
        'enable': true
    },
    'specialChar' : {
        'regex': '[^a-zA-Z0-9]{1,}',
        'name': 'special-char',
        'message': '1 special character',
        'enable': true
    }
}

You can add your own rules and change parmeters of existing rules.

msgRules It's the message which displays above rules.

default: 'Your password must contain :'

container

The container where rules are display. If not specified, container was created under the password's field. An object is expected.

default : null
example : container : $('#myCustomContainer')

containerClass

Add class to container.

default : null
example : containerClass : 'class'

containerId

Change id of container.

default : 'checkRulesList'
example : containerId : 'newId'

okClass

Add class to validate rules.

default : null
example : okClass : 'class'

koClass

Add class to invalid rules.

default : null
example : koClass : 'class'

onLoad

Executes before initialize PasswordRulesHelper

default : null
example : onLoad : function(){}

Changelog

License

Released under the MIT license - http://opensource.org/licenses/MIT

Let's get on with it!