javascript - 如何将用户名字段中输入的文本复制到密码字段以使它们相同?

标签 javascript

我知道这很简单,但我想让密码自动输入为与用户名相同的内容,但我无法实时复制它。

<%=I18n._("Username")%>:</td>
    <td><%data.printTextField(out,UserPerson.FIELD_NAME,null,"text",100,0);%></td>
  </tr>
  <tr style="<%=data.isFacebook ? "display: none" : "" %>">
    <td class="nowrap fieldheader"><span class="note-fieldrequired">*</span> <%=I18n._("Password")%>:</td>
    <td><%data.printPasswordField(out,UserPerson.FIELD_PASSWORD,null,"password",100,0);%></td>
  </tr>

最佳答案

假设您有一个用户名字段和一个密码字段,如下所示:

<input type="text" id="input-username">
<input type="password" id="input-password">

您必须将事件监听器附加到用户名字段(使用 JavaScript ),例如像这样:

const inputUsername = document.getElementById('input-username');
const inputPassword = document.getElementById('input-password');
inputUsername.addEventListener('keyup', function () {
  inputPassword.value = inputUsername.value
})

但是,问问自己:你真的需要这样做吗?

关于javascript - 如何将用户名字段中输入的文本复制到密码字段以使它们相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44097503/

相关文章:

javascript - 如何使用 node.js 和 Fluent-ffmpeg 检查损坏的 webm 视频?

javascript - 如何添加 id on has error div in form validation

javascript - 在 javascript 中从数组创建包含 3 列的表

javascript - 函数未定义,但显示在页面源代码中

javascript - 将数组中的项目移动到最后一个位置

javascript - 根据下拉菜单中选择的数字创建多个 Div

javascript - Hackerrank 算法挑战问题 - 在 hackerrank 环境(节点)中显示类型错误,但在浏览器控制台上运行良好。怎么了?

javascript - 将变量从服务器 (Node.JS) 传递到客户端

javascript - 使用现有 DER/PEM key 在 Javascript 中进行 RSA 加密

javascript - 为什么 Vue.js 使用单字标签 <component>,这违反了他们自己的风格指南?