从 html 中的密码字段自动复制密码 2 字段

Question

我想让我的注册表单变得简单。 我想隐藏 password2 字段并将密码字段中输入的值自动复制到 password2 字段。 我尝试了 javascript，但没有成功。 这是我试过的。

<td><span class="smalltext">{$lang->password}</span></td>
<td><span class="smalltext">{$lang->confirm_password}</span></td>
</tr>
<tr>
<td><input type="password" class="textbox" name="password" id="password" style="width: 100%" /></td>
<td><input type="password" class="textbox" name="password2" id="password2" style="width: 100%" /></td>
</tr>
<tr>
    <td colspan="2" style="display: none;" id="password_status">&nbsp;</td>
</tr>

<script>
$(function(){
    var $foo = $('#password');
    var $bar = $('#password2');
    function onChange() {
        $bar.val($foo.val());
    };
    $('#password')
        .change(onChange)
        .keyup(onChange);
});
</script>

Answer 1

input事件将处理所有修改值的事件，包括粘贴、键入等，因此我建议不要尝试捕获所有其他可能的事件

 const passwordInput2 = document.querySelector('#password2'); document.querySelector('#password').addEventListener('input', (event) => { passwordInput2.value = event.target.value; });

 <input type="password" class="textbox" name="password" id="password" style="width: 100%" /> <input type="password" class="textbox" name="password2" id="password2" style="width: 100%" />