jQuery iPhone like password field – mobilePassword Plugin

The password input in the iOS-like way? No problem! There is a nice jQuery iPhone like password plugin for web projects.

mobilePassword – jQuery iPhone like password field

The jquery.mobilePassword.js is a jQuery plugin, that shows us the last character of password in plain text when typing. We can reach the effect known from most mobile devices with iOS, and others.

It’s a cross-browser solution – IE6+

jQuery iPhone like password field - last letter visible
jQuery iPhone like password field – last letter visible

How to use

Simply apply the plugin for the password input:

$(document).ready(function() {
  $("input[type=password]").mobilePassword();
});

We can also adjust plugin options:

$(document).ready(function() {
  $("input[type=password]").mobilePassword{
    checkInterval: 200, 
    transDelay: 500,    // delay to transform last letter
    character: '%u25CF' // instead of the character (Unicode)
  };
});

License: MIT and GPL.

Demo:

http://panzj.github.io/jquery-mobilePassword

Get jQuery iPhone like password input plugin from GitHub:

https://github.com/panzj/jquery-mobilePassword

See also:

jQuery show and hide password plugin

jQuery and Bootstrap show hide password plugin

Enjoy!

Share:Share on Facebook2Share on Google+1Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest1