Question

我已经看到了与此类似的其他问题，但我已经尝试了答案，但它似乎没有做我想要的（如果确实如此，我只是看不到它，请告诉我在评论中。我对此很陌生。）

我想用密码保护网站（这是一个个人家庭网站，所以我不担心加密或任何东西，除非用javascript非常容易），这样只有我的家人可以继续。我希望密码可以个性化。

HTML CODE

<form id="usr-psswd">
  Name: <input type="text" name="name" id="name">
  Username: <input type="text" name="usr" id="usr">
  Password: <input type="text" name="psswd" id="psswd">
  <input type="button" onclick="submission()" value="Submit">
</form>

脚本代码

function submission(){
  var name = document.getElementByID = "name";
  var psswd = document.getElementByID = "psswd";
  var usr = document.getElementByID = "usr";

  var name = new Array();
  var usr = new Array();
  var psswd = new Array();
}

我的问题：如何让javascript将输入放到页面上的数组中，以便在尝试访问index.html时（密码保护所在的位置）这样他们每次都不必设置它？

另外，如果它足够简单，我如何通过加密运行多个密码并将其保存在网页上，这样如果有人碰巧在这里，密码是安全的？

是的，我发现var name var psswd和var usr会重复两次。那是因为我现在懒得把它们命名为不同的东西。我只需要知道如何将var name = document...放入var name = new...。谢谢！

Answer 1

我知道你说你想为网站做一个简单的身份验证，但是在JavaScript中这样做是不安全的，并且很容易检索到用户名/密码。

如果你想要一些非常简单和快速的事情......我建议你使用.htaccess进行身份验证：

为此，系统需要两个文件 - .htaccess文件和.htpasswd文件：

.htaccess代码：

AuthType Basic
AuthName "restricted area"
AuthUserFile /home/user/html/protect-me-dir/.htpasswd
require valid-user

上面的代码在根级别保护名为protect-me-dir的目录。 AuthUserFile值始终特定于您的托管配置。如果您不知道该值应该是什么，请执行phpinfo（）并找到DOCUMENT_ROOT值。

.htpasswd代码：

your_username:your_password
another_user:another_password
you_get:the_idea

.htpasswd文件包含允许用户的用户名和密码。每行一个。

否则，我可能会通过使用PHP和数据库的组合进行适当的登录来做更好的事情。

我希望这会有所帮助。

使用Javascript创建用户名和密码

1 个答案: