Comments on: Password (un)Masking

By: 45 Fresh Useful JavaScript and jQuery Techniques and Tools | DX Blog

45 Fresh Useful JavaScript and jQuery Techniques and Tools | DX Blog — Fri, 28 May 2010 08:43:44 +0000

[...] Password (un)Masking JavaScript jQuery that toggles the masking and unmasking of the password field. [...]

By: 45 Fresh Useful JavaScript and jQuery Techniques and Tools « TMHs Web Tips

45 Fresh Useful JavaScript and jQuery Techniques and Tools « TMHs Web Tips — Wed, 19 May 2010 03:22:06 +0000

[...] Password (un)Masking JavaScript jQuery that toggles the masking and unmasking of the password field. [...]

By: Erato Svensson

Erato Svensson — Thu, 22 Apr 2010 05:10:41 +0000

I agree with past poster, seems like you will do nicely out right here around the the web.

By: Logic

Logic — Sat, 10 Apr 2010 05:00:15 +0000

Augmented the original implementation into a jQuery plugin. For the HTML just leave off the checkbox, the plugin will create that. All that one needs to do is point to the password input.

Source code, licensed under WTFPL.
http://pastie.org/912524

By: Sam

Sam — Mon, 15 Mar 2010 14:52:16 +0000

@Adam Clark
To code for that. Just have the checkbox hidden onload by css, only displayed if JS is present. Less bulky than having the JS create the whole object and inserting it into the DOM onLoad.
Good call though.

By: Adam Clark

Adam Clark — Mon, 15 Mar 2010 10:16:46 +0000

A useful thing this password un-masking, however if javascript is off then you still encounter a checkbox on the page which now does nothing. I think a little tweaking is needed so the checkbox is created by the script instead, minimizing any usability problems from the outset.

Otherwise a great tutorial.

By: Chris Rault

Chris Rault — Wed, 30 Dec 2009 07:54:32 +0000

We’ve also created a jQuery plugin to allow you to easily add password masking to any of your sites :)

By: Student Brands

Student Brands — Wed, 04 Nov 2009 18:50:54 +0000

Thanks for the great info, we hope to use it on our website: http://www.studentbrands.co.za Which is a free student portal, everything free for students

By: errata

errata — Fri, 02 Oct 2009 07:37:41 +0000

the true is i didn’t tested my code sorry for abaout that.

but someting else:

inserting html code, is not the best way…

use:

$(myInput) = document.createElement(‘input’);

$(myInput).attr({
id: “password”,
type: “password”,
name: “password”,
value: “exapmle”,
class: “passClass”
});

thats way more OO

ps: sory for my english

By: Narin

Narin — Fri, 02 Oct 2009 07:05:18 +0000

@errata: I've try your code on Visual Studio 2008 and it say "Microsoft JScript runtime error: Exception throw and not caught" the error is "type property can't be change" but the original code is work fine. I don't know that another tools show error like this or not?