IPhone-like Password Fields: jQuery dPassword Plugin
Posted on July 10, 2009, under JavaScript,
Bookmark it
According to Jakob Nielsen, “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”. He suggests that passwords should be shown in plain text and masked only if the user chooses to do that by using a checkbox. Nielson also states that users make more errors when they can’t see what they’re typing while filling in a form and they are feeling less confident. Perhaps, for this reason Apple implemented an alternative method on IPhone/IPod touch: the passwords are masked when the users type them, except the last character.

Stefan Ullrich, created a JQuery Plugin that converts the last character of a masked password field into a plain text one. The effect is the same as the one from the IPhone/IPod touches.
Features include:
- The script is unobtrusive; Non-JS users get the common masked password fields
- Supports copy & paste
- No HTML modification is required as finds the password fields by type
- Options: interval, delay, replacement character, prefix, debug mode (requires FireBug enabled)
- Source & Demo: http://blog.decaf.de/2009/07/iphone-like-password-fields-using-jquery/
- Download: http://dpassword.googlecode.com/files/dpassword.zip
- License: MIT
Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!
- July 10, 2009
- article by Gabriel C.
- Share your thoughts!
Related Posts
-
Creating iPhone-style Checkboxes with jQuery and Prototypeat August 9, 2009
-
Easily Create IPhone-styled Websites with JQTouch jQuery Pluginat September 1, 2009
-
HashMask: A Secure Experiment in Password Maskingat July 26, 2009
-
How to generate a random password in PHPat August 29, 2008 with 2 comments
-
Auto Tab Form Fields using JavaScriptat March 7, 2009 with 1 comment
