如何更改密码元素输入JavaScript的文本

Question

我想用JavaScript以编程方式输入密码。我正在使用此代码

document.getElementById('password').value='Hh1234567';

当我单击提交按钮时，它显示一个错误：“需要密码，请输入密码”。但是，当使用键盘手动输入密码时，它可以正常工作。

如何使它接受通过脚本输入的密码？

Answer 1

仅设置密码字段的值并不会单独创建检测到该值更改所必需的事件，因此您需要执行以下操作：

  const pwd = document.getElementById('password');
  pwd.value = 'Hh1234567';
  pwd.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));