Question

我已将此登录表单与Javascript凭据验证程序拼凑在一起。为了测试验证，我已将登录名设置为Ryan作为用户名，将ryan1234作为密码。凭据有效时，应将用户重定向到Facebook。但是，它没有用。凭证验证正确，但window.location属性发送到损坏的位置？

＆＃13;

var modal = document.getElementById('id01');

window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}


var attempt = 3;

function validate() {
  var username = document.getElementById("username").value;
  var password = document.getElementById("password").value;
  if (username == "Ryan" && password == "ryan1234") {
    alert("Login successfully");
    window.location = "https://www.facebook.com/"; // Redirecting to other page.
    return false;
  } else {
    attempt--; // Decrementing by one.
    alert("You have left " + attempt + " attempt;");
    // Disabling fields after 3 attempts.
    if (attempt == 0) {
      document.getElementById("username").disabled = true;
      document.getElementById("password").disabled = true;
      document.getElementById("submit").disabled = true;
      return false;
    }
  }
}

＆＃13;

<div id="id01" class="modal">

  <form class="modal-content animate" action="action_page.php">
    <div class="imgcontainer">
      <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
      <img src="img_avatar2.png" alt="Avatar" class="avatar">
    </div>

    <div class="container-modal">
      <label><b>Username</b>
      </label>
      <input type="text" placeholder="Enter Username" name="uname" id="username" required>

      <label><b>Password</b>
      </label>
      <input type="password" placeholder="Enter Password" name="psw" id="password" required>

      <button type="submit">Login</button>
      <input type="checkbox" checked="checked">Remember me
    </div>

    <div class="container-modal" style="background-color:#f1f1f1">
      <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
      <span class="psw">Forgot <a href="#">password?</a></span>
    </div>
  </form>
</div>
</div>

＆＃13;

Answer 1

window.location =＆＃34; https://www.facebook.com/＆＃34 ;; //重定向到其他页面。

不是你想要的......它应该是window.location.href

像这样： window.location.href =＆＃34; https://www.facebook.com/＆＃34 ;; //重定向到其他页面。

有效登录无法打开链接

1 个答案: