时间戳

首页 > 解决方案 > 如何强制用户在访问网页之前输入密码？

javascript - 如何强制用户在访问网页之前输入密码？

问题描述

我正在做一个 Web 开发项目，我被要求强制用户在授予他们访问主网页的权限之前从主页表单中填写密码字段。但是，即使我在密码输入字段中添加了“必需”标签，我也会得到相反的行为。该网页在未写入密码时授予用户访问权限，而在写入密码时则不授予用户访问权限。如果有人可以帮助解决这个问题，那将非常有帮助。我将输入表单的代码以及应该提供此行为的函数留在这里。

----表单的HTML代码（关注第二个输入，id="form-psw"----

<div id="homepage-form">
  <form id="homepage-data-form" class="form-container">
    <h1 id="homepage-form-heading">Login</h1>

    <label for="email" class="form-label bold">Email</label>
    <input id="form-email" type="text" placeholder="Enter Email" name="email" required>

    <label for="psw" class="bold">Password</label>
    <input id="form-psw" type="password" placeholder="Enter Password" name="psw" required>
  </form>
</div>

-----控制解释行为的JS代码-----

function checkCookie() {
  var cname = document.getElementById("form-email").value;
  var user = getCookie(cname);
  if (user == "") {
    alert("Sorry, the provided email is not registered. Click on the Register option to get your account.");
  } else {
    window.location.href = "main.html";
  }
}

标签： javascripthtmlcookies

解决方案

让网页受密码保护绝不是一个聪明的主意。这是因为漏洞太多。做这种事情的最好方法是使用 .htaccess 文件。顺便说一句，输入字段的必需属性仅在您将其放在表单标签中时才有效

推荐阅读