jQuery Show Password Eye : Make the value password visible in form input

Recommend this page to a friend!

Download

Info

Example

Files

Download

Reputation

Support forum

Blog

Links

Ratings				Unique User Downloads		Download Rankings
Not yet rated by the users				Total: 24		All time: 532 This week: 2

Version		License		JavaScript version		Categories
`jquery-showmypwd` 1.0		Custom (specified...		5		jQuery, Forms

Description

Author

zinsou A.A.E.Mo�se

This is a jQuery plugin that can make the value password visible in form input.

It can show an image next to one or more password input fields in Web page, so when the user can hold the mouse button on it, the password text becomes visible.

This plugin can apply this behaviour just to one specific password field or many other fields.

zinsou A.A.E.Mo�se

Performance

Level

Name:	zinsou A.A.E.Mo�se `<contact>`
Classes:	3 packages by zinsou A.A.E.Mo�se
Country:	Benin
Age:	34
All time rank:	173	2 in Benin
Week rank:	6	1 in Benin

Level 2

Example

	<!doctype html>
	<html lang="en">
		<head>
			<meta charset="UTF-8">
			<title>Connexion preferences</title>
		</head>
		<body>

			<form id="changepass"  method="POST">
					<fieldset>
					<p><input type="text" id="pseudo" name="pseudo" placeholder="pseudo" />
					<input type="text" id="name" name="name" placeholder="name" />
					<input type="password" id="password" name="password" placeholder="old password" /></p><p>
					<input type="password" id="newpassword" name="newpassword" placeholder="New password" /></p><p>
					<input type="submit" value="modify" />
					</p><div id="manage" ></div>
					</fieldset></form>
			<script src="jquery.js"></script>
			<script src="jquery.showmypwd.js"></script>
			<script>
				$(document).ready(function(){
					$("changepass").showmypwd(
					//{
						//"passwordfield":"#newpassword",
						//"img_src": "show.jpg",
						//"img_alt": "show the password",
						//"img_id": "showpass",
						//"callback": null,
					//}
					);
				});
			</script>
		</body>
	</html>

Details

the Jquery Show My Pass plug-in  is a little plug-in which allows Jquery users
to easily add any chosen image after any chosen password field or all password fields in a 
given form to make visible on demand the value of the password field.

When a given password field is specified by its id .It is only for this password field that 
a show on demand image will be add.Otherwise if nothing is specified the plug-in search for all
password fields in the given form and add for each one a show on demand image.  

For a how to use example you can look at the file jquerytest.html   

Contact me at leizmo@gmail.com or use the forum for your preoccupations.

Files (5)

File	Role	Description
`jquery.showmypwd.js`	Class	plug-in source
`jquerytest.html`	Example	example script
`license.txt`	Lic.	license file
`readme.txt`	Doc.	readme
`show.JPG`	Icon	example picture