how to change textbox textmode using jquery

Question

i have a login component and within it the password field has a textmode of singlline

what i am trying to do is on focus the textmode will change to password

i tried this :

$(function () {
   $(".PassTextBox").focus(function (pas) {
       $(".PassTextBox").attr("TextMode", "Password");
   });
});

but it didn't work

using asp.net 3.5 , thanks

Interesting. Is there a reason why you want to do this on the client side, instead of simply using a `TextBox` control in password mode? — Frédéric Hamidi, May 07 '11 at 12:09

score 3 · Answer 1 · edited May 23 '17 at 12:04

3

Why not display it as a password field from the start ?

If you have to, take a look at How display text in password field

It is not as simple as it seems because IE (before v9) does not allow to dynamically change the type of the textbox, so you will have to actually replace it with another one.

edited May 23 '17 at 12:04

Community

1
1

answered May 07 '11 at 12:13

Gabriele Petrioli

191,379
34
261
317

score 0 · Accepted Answer · edited May 23 '17 at 11:55

0

You'll need to change the "type" attribute to password. "TextMode" is an asp.net control attribute, but on the client side it gets turned into an HTML input, which has a type attribute: http://htmlhelp.com/reference/html40/forms/input.html

$(function () {
$(".PassTextBox").focus(function (pas) {
    $(".PassTextBox").attr("Type", "Password");
});
});

UPDATE: After testing this to confirm it works, it appears changing the type may not be supported on all browsers or by jQuery. This answer will give you some more insight. My suggestion is to put two fields on the form and dynamically show/hide them to give the same effect.

edited May 23 '17 at 11:55

Community

1
1

answered May 07 '11 at 12:13

Ken Pespisa

21,989
3
55
63

1

it will not work in IE (*pre-IE9*) though .. you need to replace the field. – Gabriele Petrioli May 07 '11 at 12:13
yes your right it would be more efficient to add two fields, thanks – Wahtever May 07 '11 at 12:23

score 0 · Answer 3 · answered May 07 '11 at 12:15

0

Do this:

$(function () {
  $(".PassTextBox").focus(function (pas) {
    $(".PassTextBox").attr("type", "password");
  });
});

Hope this works.

answered May 07 '11 at 12:15

Edgar Villegas Alvarado

18,204
2
42
61

how to change textbox textmode using jquery

3 Answers3