密码号码的可见性

Question

刚刚建立了我的第一个网上市场，我想让它更加安全。用户可以用4位选择的密码登录。如果我点击检查元素并将type=“密码”更改为type="text“密码(数字显示)

在这个网站上，我发现作为一个例子，我不能通过控制台改变id=“位-2”的类型。

<input id="digit-2" maxlength="2" size="1" type="password" value="3">

​

​

总是有这样的错误：

​

为什么在这种情况下，我可以更改或至少找到输入字段的正确Id来更改类型

type ="password"

至

type = "text"

在控制台里？

谢谢!

Answer 1

首先，JS方面的事情：

您无法更改该元素上的type字段的真正原因是，digit-1在JavaScript解释器看来是试图从名为digit的变量中的值中减去1。

此外，出现“意外令牌”错误是因为解释器看到了1.，并假设后面的数字应该是十进制数，所以当它在看到type之后立即不确定该做什么。

这可以归结为:不能在关键字/变量名称中使用破折号。一个破折号看上去像试图减去翻译。

如果要使用另一种检索元素的方法(如document.getElementById("digit-1") )，您将发现完全能够更改类型。

现在，安全方面：

这里有一些更重要的问题需要解决:更改这些数字的可见性的能力与安全性无关。毕竟，用户知道自己的密码，并控制自己的浏览器。如果您正在处理密码，则需要考虑更多的相关事项。举几个例子：

• 确保密码足够复杂，不能强行使用(例如，四位数字并不一定是最好的主意。四个随机词，或者真正的随机数据，是一个更好的选择。)
• 请确保不存储密码，而是适当地对其进行盐分和散列以供服务器端存储。有关更多细节，请参阅本文。
• 确保使用将密码发送到服务器(如HTTPS )的安全方法。