送信後に元のウィンドウが閉じないのはなぜですか？

Question

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を試しました= ""; 、それはまだ動作しません。 読んでいただきありがとうございます！

Answer 1

Working fiddle。

あなたはonsubmitイベントでリターンを追加しました：

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

は、この情報がお役に立てば幸いです。

Answer 2

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

たぶん私は 'onclickの' の代わりの 'onSubmit検証' を使用する必要がありますか？