Tired of annoying password meters?! This one allows you to replace the characters with your choice of emoji to represent the strength of the password on a scale from 0-4. This project was thrown together in a very small period of time sparked by a conversation I had with
This depends on MaskedPassword.js from an article on sitepoint, Mathias Bynens' .at polyfill](), dropbox's zxcvbn librarty]() for password strength.
See the index.html file for a working example.
Once you've got all those dependencies in your browser, just call:
new MaskedPassword([id-of-element], [emoji-config]);
A hidden field with the real password will be created.
[] - I haven't actually coded up what happens when the form submits. One would probably have to swap out some names to get the real value on the server. [] - Make the index.html page pretty.
- MaskedPassword.js - using alternative masks (via silly hacks for replacing dots)
- zxcvbn - password strength
- emojipedia - for grabbing emoji
- JavaScript has a Unicode problem - For understanding why JS and Emoji is so hard
- String.prototype.at - Polyfill for CharAt
- String.prototype.codePointAt - For finding emoji in strings