为什么原始窗口在提交后没有关闭?

时间:2016-12-27 10:05:58

标签: javascript html twitter-bootstrap twitter-bootstrap-3

function login() {
  var un = document.getElementById("username").value;
  var pw = document.getElementById("password").value;
  if (un == "admin" && pw == "admin") {
    window.open("TXL.html", '_blank');
    this.window.close();
    return true;
  }
  else {
    alert("FAIL");
    return false;
  }
}
<div class="modal-body">
  <form action="" class="form center-block" onsubmit="login()">
    <div class="form-group">
      <input type="text" id="username" class="form-control input-lg" placeholder="">
    </div>
    <div class="form-group">
      <input type="password" id="password" class="form-control input-lg" placeholder="">
    </div>
    <div class="form-group">
      <button class="btn btn-primary btn-lg btn-block" type="submit">Login</button>
    </div>
  </form>
</div>

登录窗口在提交后刷新。 我尝试了"window.open("TXL.html", '_self');"并且它不起作用,甚至无法打开新窗口。 我也试过window.location.href =“”; ,它仍然无法正常工作。 谢谢你的阅读!

2 个答案:

答案 0 :(得分:0)

<强> Working fiddle

您必须在onsubmit事件中添加回复:

<form action="" class="form center-block" onsubmit="return login()">

希望这有帮助。

答案 1 :(得分:0)

<form action="" class="form center-block" onsubmit="login()">

也许我应该使用&#39; onclick&#39;而不是&#39; onsubmit&#39;?