清除用户名字段时如何重置密码字段？

Question

我有登录页面。当我清除用户名时，密码仍然在密码文本字段中，不会被清除。

User Name: ________

Password:  ********

您能帮忙解决这个问题吗？

Answer 1

您必须收听username字段的更改（绑定change或keyup或input事件处理程序）。当字段的值为空字符串时，请将密码字段的值设置为空字符串。

示例：

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

DEMO

Answer 2

HTML：

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

JS：

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