Show Password

‘Show password’ is a small and simple Jquery plugin that let your users decide whether they want their password fields masked or not.

“Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn’t even increase security, but it does cost you business due to login failures.” – Jacob Nielsen, Stop password masking.

This Jquery plugin, ‘Show password’, let the user decide whether they want their passwords masked or not. Just take a look at the demo beneath and you’ll see what I mean.

How to implement

Very simple! First you download, then you do like this:

  1. <input id="text" type="password" data-typetoggle='#checkbox' />
  2. <input id="checkbox" type="checkbox" /><label>Show password</label>

Two html elements are needed; a password field and a checkbox. The input field needs an extra data variable, data-typetoggle, to link the checkbox to the field. Then you just execute the javascript line below.

  1. $('#text').showPassword();
Change log
VersionChanges
1.3New syntax using HTML5 data variables.

561 days ago

Read one article about glass; read this one about Corning, Corning’s Gorilla Glass, Apple and the future. http://t.co/xakeeQzU (via @VirUZI)

562 days ago

I just bought CHTEMELE; a boardgame about HTML5 for 2 – 5 players. http://t.co/kbpQLivu

564 days ago

A normal male ejaculation is equivalent of 16 terabyte of information. http://t.co/tkLndAwg

566 days ago

We are 18, we have no work, we don’t study, we are Anonymous. -We know. http://t.co/NHPa7gjR

566 days ago

We are 18, we have no work, we don’t study, we are Anonymous. -We know. http://t.co/NHPa7gjR

567 days ago

Anonymous plan to DDoS the Central Bank of Sweden’s website, in the middle of the Swedish night, to hurt our economy. Have fun, Goodnight :)

567 days ago

Book trailer for Instant: The story of Polaroid [the Apple of the 60s]. http://t.co/y4srSGmP