jQuery change input type

Question

This code doesn't work what's wrong?

$(".re").focus(function() {
    if($(this).attr("type") == "text") {
        $(this).attr("type", "password");
    }
});

It's supposed to change the input text type from text, to password, but doesn't work when I type in it after I get into focus on it; it's still text.

Duplicate of http://stackoverflow.com/questions/1544317/jquery-change-type-of-input-field — thisgeek, Nov 09 '12 at 19:45

score 8 · Accepted Answer · answered Sep 14 '10 at 01:00

8

IE won't allow you to do this, so jQuery specifically forbids it to be cross-browser consistent. To change the type (and it work in every browser) you need to replace the element with one of the other type.

answered Sep 14 '10 at 01:00

Nick Craver

594,859
130
1,270
1,139

score 6 · Answer 2 · answered Sep 14 '10 at 01:02

As Nick said you can't do this, but what you can do is have two inputs right next to eachother, with the password hidden. On focus, toggle each and .focus() the password.

jQuery

$('.text').focus(function() {
    $(this).toggle();
    $('.pass').toggle().focus();
});

Fiddle http://jsfiddle.net/KUFZY/

jQuery change input type

2 Answers2

jQuery