javascript - 如何密码保护表单中的任何字段（需要建议）

Question

在这里，我想在受密码保护的表单中创建一个字段（选择框下拉菜单）。

当用户单击该 dropwon 时，会出现一个提示，在这里用户输入密码，如果密码正确，然后用户可以选择该下拉框的值。

那么我怎样才能实现这个功能呢？

Answer 1

简单的：

• 禁用/隐藏select
• onclick: 打开一个prompt或dialog
• onsubmit：通过AJAX发送数据并在后台使用 PHP（或其他服务器端语言）检查密码
• select如果密码正确，则启用/显示

注意：

• 客户端可以读取 Javascript，您必须使用 PHP（或其他服务器端语言）检查密码。如果你用 Javascript 编写密码，用户可以通过阅读源代码来弄清楚。
• 用户可以在本地操作 HTML 和 Javascript。您必须在服务器端验证他发送的所有数据。

顺便一提

• 由于用户权限，我将启用/禁用选择

Answer 2

恐怕没有适合您的预制解决方案 - 您必须自己开发，即最初显示禁用的下拉菜单，在点击事件时显示您自己的密码表单弹出窗口，比较密码是否匹配，如果匹配，最后启用下拉菜单。

这里最具挑战性的问题将是密码保护。如果你想让这个功能至少有点安全，你不能只在你的 js/jquery 源代码中包含正确的密码。为此使用加密或 AJAX。

Answer 3

您可以绝对在该字段上放置一个不可见的 div，并在该 div 上侦听单击事件。如果密码正确，请删除 div。如果您想成为安全良心，除非他们正确输入密码，否则我根本不会包含下拉列表。密码正确后返回 select 的内容。密码正确后，您可以填充选择字段并打开它。

因为即使您像其他人所说的那样禁用选择，也没有什么可以阻止某人进入 html 并启用它。除非经过验证，否则它必须不可用。