如何使用jquery更改文本框文本模式

Question

我有一个登录组件，其中密码字段的文本模式为singlline

我要做的是关注焦点，文本模式将更改为密码

我试过这个：

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

但它无效

使用asp.net 3.5，谢谢

Answer 1

为什么不从头开始将其显示为密码字段？

如果必须，请查看How display text in password field

它并不像看起来那么简单，因为IE（之前的v9 ）不允许动态更改文本框的类型，因此您必须实际用另一个替换它。

Answer 2

您需要将“type”属性更改为password。 “TextMode”是一个asp.net控件属性，但在客户端，它变成了一个HTML输入，它有一个type属性：http://htmlhelp.com/reference/html40/forms/input.html

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

<强>更新 在对此进行测试以确认其有效之后，可能不会在所有浏览器或jQuery上支持更改类型。 This answer会为您提供更多见解。我的建议是在表单上放两个字段并动态显示/隐藏它们以产生相同的效果。

Answer 3

这样做：

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

希望这有效。