Submit your widget

iPhone-like Password Fields using jQuery

Created 9 years ago   Views 12396   downloads 2573    Author n/a
iPhone-like Password Fields using jQuery
View DemoDownload 5.6 KB
187
Share |

Password fields on iPhone/iPod touch

 

Of course Nielsen is right when he talks about users making more errors and feeling less confident when they can’t see what they’re typing while filling in forms. That may have been the reason why Apple developed implemented an alternative method on iPhone/iPod Touch: passwords get masked while typing but the last character in row is shown in plain text. Compared to common password fields on the web this method improves usability, not only on mobile devices. And concerning security risks you’ll probably need James Bond behind your back looking over your shoulders in order to let your password be captured.

So, this method looks to be a pretty good way of typing in passwords, and that is why tried to use it on web forms. It comes as a jQuery plugin which works unobtrusive. Non-JS users get the common masked password fields.

 

Features

  1. Doesn’t need any HTML modification as it finds password fields by type.
  2. Unobtrusive: Non-JS users get the common masked password fields.
  3. Supports copy & paste.
  4. Options: Interval, delay, replacement character, prefix, debug mode.

 

Instructions

It’s very simple.

  1. Just load jQuery, of course ;-).
  2. Load the Plugin
  3. and then initialize dPassword.