Skip to content

lubosdz/simple-js-password-checker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

Simple javascript password strength meter with animation

Screenshot

NOTES

  • Entrophy score is calculated for each unique letter (+5 points) but only +1 point for repeated chars
  • Extra score bonus is awarded for combining with digits, lower & upper letters and non-word characters
  • The "id_entrophy" element can be set optionally, if score needs to be submitted to server
  • For animation set ID of DIV e.g. "id_strip" and adjust CSS - see bellow
  • No jQuery dependency and no support for very old browsers (required native JS function "document.getElementById")

Example (BS4):

<div class="p-3 m-3">
	Your password
	<input type="text" id="id_password" class="form-control">
	<div id="id_strip" class="py-2 mt-1"></div>
	<input type="hidden" id="id_entrophy">
</div>
window.simple_password_checker.init({
	id_password : "id_password",
	id_entrophy : "id_entrophy",
	id_strip : "id_strip",
	text_weak : "<i class='fa fa-frown-o'></i> Weak password",
	text_good : "<i class='fa fa-meh-o'></i> Good password",
	text_strong : "<i class='fa fa-smile-o'></i> Strong password",
	css_weak : "badge badge-danger",
	css_good : "badge badge-warning",
	css_strong : "badge badge-success",
	score_good : 50,
	min_length : 8
});

License

Distributed without licence, use at your own risk & will :-)

About

Simple javascript password strength meter

Resources

Stars

Watchers

Forks

Packages

No packages published