javascript - "Show password as text"控制

标签 javascript jquery browser passwords

我有一个常用的登录表单,由两个输入字段组成,一个用于登录,一个用于密码。我目前正在尝试添加一个将输入的密码显示为纯文本的控件,以便用户可以检查输入错误。

问题是浏览器(至少是 Firefox)不允许动态更改输入字段的 type 属性,所以我不能只将 type="password" 更改为类型=“文本”。另一个问题是浏览器不允许获取密码字段的值,所以我无法创建一个新的 input type="text" 并将其值设置为密码的值。我见过几种不同的方法来完成这项任务,包括 this one , 但它们仅在输入密码时有效,并且在浏览器自动填充密码时失败。

因此,欢迎提出任何建议。我正在使用 jQuery。

最佳答案

你可以这样做:

<input type="password" id="password">
<input type="checkbox" onchange="document.getElementById('password').type = this.checked ? 'text' : 'password'"> Show password

关于javascript - "Show password as text"控制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1383142/

相关文章:

javascript - 有什么方法可以处理 "Agree"或 "Reject"按钮上的 onClick 事件吗?

javascript - 使用特定于平台的模块的组件的 Jest 快照

Javascript - 发布按钮未禁用 - 字符计数不起作用

html - IE 的菜单 CSS 问题

javascript - Internet Explorer Javascript 语法错误

javascript - 在 javascript 中强制执行 new 的模式

JavaScript for HTML5 必填字段设置为在 Safari 中工作

javascript - HTML 表格下拉过滤

javascript - 多个追加不工作 jQuery

html - 强制浏览器清除缓存