私のユーザーコントロールパネルを開発しているうちに、私はそれがPassword Vault
を持つクールな機能になると判断しました。ここでは、ユーザーはグループパスワードとユーザー名を作業グループに共有し(同僚とのアカウントを共有する場合)、自分の個人パスワードを保存することができます。これには、リンク先のドメインとパスワードの強さも表示されます。保存されたパスワードを更新するブラウザ(firefox)を停止する
今、小さな問題があります。 Firefoxを使用している場合、偉大なWeb開発者のように、ページにアクセスすると、コントロールパネルの保存されたユーザーパスワードを更新するかどうかを尋ねるページをクリックすると、ポップアップが表示されます。
私はどこにも<form>
がなく、フィールドが同じname, class
またはid
を使用していない理由としてわかりませんよ。ここでは、一般的なフィールドが(:これはちょうどinfo
フィールドで注意を):プリントアウトされた方法です
<div class="pwv_row_column_2">
<div class="pwv_user">%VAR1%</div>
<div class="pwv_pass">
<div class="pwv_eye"></div>
<div class="pwv_show">
<input type="password" value="%VAR2%" class="pwv_context" readonly="true">
</div>
<div class="pwv_hide">
<input type="text" value="%VAR2%" class="pwv_context" readonly="true">
</div>
</div>
</div>
そして、私は非表示とEye
アイコンがクリックされたときにパスワードを表示する次のjQueryを使用して:
$(document).ready(function() {
$('.pwv_eye').click(function() {
$(this).siblings('.pwv_hide').toggle();
$(this).siblings('.pwv_show').toggle();
});
});
フィールドにautocomplete="off"
を使用しようとしましたが、これで問題は解決されません。すでに保存されている情報をブラウザが更新しようとしないようにするにはどうすればよいですか?それが役立つかどうかを調べるために、ランダムにname=""
とid=""
を追加しようとしました。
入力は「読み取り専用」ですが、ユーザーはどのように変更していますか? – Barmar
ユーザーはそれらを変更しません。遠い側には編集ボタンがありますが、別のページに移動することはできませんが、このページのどこでもフォームが使用されていません。私はちょうど隠されたか示された現在のパスワードを表示するためにテキストとパスワード入力フィールドを使用しました。人々がそれらの変更や消去を止めるために、私は 'readonly'オプションを追加しました。 – Kaboom
'type =" password "'を使用しないことがあります。これは、ユーザーが入力するフォームフィールドにのみ必要です。 – Barmar