javascript - ユーザー名フィールドがクリアされたときにパスワードフィールドをリセットするにはどうすればよいですか？

Question

ログインページがあります。ユーザー名をクリアしても、パスワードはまだパスワードテキストフィールドにあり、クリアされません。

User Name: ________

Password:  ********

この問題を解決する方法を教えてください。

Answer 1

フィールドへの変更をリッスンする必要があります ( orまたはイベント ハンドラーusernameをバインドします)。フィールドの値が空の文字列の場合、パスワード フィールドの値を空の文字列に設定します。changekeyupinput

例：

document.getElementById('usernameField').onchange = function() {
     if(this.value === '') {
         document.getElementById('passwordField').value = '';
     }
};

デモ

Answer 2

HTML:

<input type="password" id="pw" value="" />

JS:

document.getElementById('pw').value = '';