javascript - リストページの表示テーブルにパスワード値の代わりに*を表示しますか？

Question

ユーザー名、パスワード、メールアドレス、電話番号のフィールドを持つテーブルがあります。ただし、表示ページにはパスワードの値が*として表示されます。 。編集時にのみ値が表示されます！例：パスワードをpass1234とすると、リストページに次のように表示されます。*** ただし、編集するとpass1234と表示されます。どうやってやるの ？

Answer 1

ボタンをクリックするなど、ユーザーがパスワードを要求した場合にのみ、パスワードを平文で表示する必要があります。アスタリスクは何に役立つと思いますか。

ただし、typeIE では許可されていないため、入力の を設定することはできません。したがって、エレメントを完全に交換する必要があります。為に

<input name="pw" id="pw" type="password"></input>
<label><input id="plain" type="checkbox"></input>Show plaintext</label>

JS は次のようになります (イベントのアタッチと co に jQuery を使用すると、必要に応じてこれを適応させることができます)。

$("#plain").change(function() {
     var pw = $("#pw"),
         type = this.checked ? "text" : "password";
     if (type == pw.prop("type")) return;
     $("<input>", {name: "pw", id:"pw", type:type}) // could be done programatically
       .val(pw.val())
       .replaceAll(pw);
});

Answer 2

これには、いくつかの Javascriptonfocusハンドラーが必要です。

field = document.getElementById('pass');
field.onfocus(function() { this.setAttribute('type','text'); });
field.onblur(function() { this.setAttribute('type', 'password'); });