Text2Pass 1.0

What is it

Text2Pass is a JQuery plugin, which can be used to temporarily place text in a password field.

It's purpose is to prompt a user to Enter their password in a login or registration form, by appending text such as "Enter Password" in the password field. The text you place inside is fully customizable, and can be used on multiple fields per page (see below)

If the user doesn't have JavaScript enabled, the field simply degrades to a standard HTML password field.

How to use

This plugin is very easy to use. Begin by downloading the two files below

• The latest version of JQery
• Text2Pass plugin available here

1. Reference the files

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/jquery.Text2Pass.js"></script>

2. Load Text2Pass

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

Alternitavely, you can target the password input you are using by class, id*, or any other valid JQuery reference

$('.myInput').Text2Pass();

If you prefer to omitt the value="" attribute, you can append text inside the field, using Text2Pass' text property like so:

$('.myInput').Text2Pass({text: "Custom Text"});

* Care should be taken when using ID's in ASP.NET, as the ID attribute on an ASP:TextBox is changed at runtime.

Demo

Using <input value="">

Using the "text:" property of Text2Pass

Support

Text2Pass currently supports:

• Internet Explorer 6.0+
• Firefox 3.0+
• Safari 3.0+
• Opera 10+
• Google Chrome 3.0+

Changelog

• April 2011 - Version 1.0 release
  • Updated to correct a Firefox 4 issue with the "maxlength" attribute
  • Tested with JQuery 1.5.1