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
– Frédéric Hamidi, Commented May 7, 2011 at 12:09

Community · Accepted Answer · 2017-05-23 12:04:19Z

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, 2017 at 12:04

CommunityBot

11 silver badge

answered May 7, 2011 at 12:13

Gabriele Petrioli

197k35 gold badges276 silver badges331 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 11:55:35Z

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, 2017 at 11:55

CommunityBot

11 silver badge

answered May 7, 2011 at 12:13

Ken Pespisa

22.3k3 gold badges58 silver badges63 bronze badges

2 Comments

Gabriele Petrioli Over a year ago

it will not work in IE (pre-IE9) though .. you need to replace the field.

Wahtever Over a year ago

yes your right it would be more efficient to add two fields, thanks

Edgar Villegas Alvarado · Accepted Answer · 2011-05-07 12:15:12Z

0

Do this:

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

Hope this works.

answered May 7, 2011 at 12:15

Edgar Villegas Alvarado

18.4k2 gold badges45 silver badges61 bronze badges

Collectives™ on Stack Overflow

how to change textbox textmode using jquery

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related