成功登录后在同一窗口中打开target.html页面
成功登录后在同一窗口中打开target.html页面
提问于 2019-04-20 01:39:37
输入登录详细信息后，我希望在同一窗口中加载target.html页面。当前它加载到一个新选项卡中。
<body>
<div class="loginbox">
<img src="images/avatar.png" class="avatar">
<h1>Login</h1>
<form>
<p>Username</p>
<input type="text" name="userid" placeholder="Enter Username">
<p>Password</p>
<input type="password" name="pswrd" placeholder="Enter Password">
<input type="submit" onclick="check(this.form)" value="Login">
</form>
<script language="javascript">
function check(form) {
if (form.userid.value == "username" && form.pswrd.value == "password") {
window.open('target.html')
} else {
alert("Error Password or Username")
}
}
</script>
</div>
</body>
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-04-20 01:43:09
window.location.href = 'target.html';由于该按钮位于表单中，因此还必须使用e.preventDefault()取消事件的默认行为。下面是一个完整的示例：
function check(e) {
e.preventDefault();
if (e.target.form.userid.value == "username" && e.target.form.pswrd.value == "password") {
window.location.href = 'target.html';
} else {
alert("Error Password or Username")
}
}<div class="loginbox">
<img src="images/avatar.png" class="avatar">
<h1>Login</h1>
<form>
<p>Username</p>
<input type="text" name="userid" placeholder="Enter Username">
<p>Password</p>
<input type="password" name="pswrd" placeholder="Enter Password">
<input type="submit" onclick="check(event)" value="Login">
</form>
</div>
Stack Overflow用户
发布于 2019-04-20 02:24:25
您可以将type=保持为“submit”，并使用：
form.addEventListener('submit', function(event) {
event.preventDefault();
if (form.userid.value == "username" && form.pswrd.value == "password") {
window.open('target.html', '_self');
} else {
alert("Error Password or Username");
}
}, false);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55765676
复制相关文章
相似问题
腾讯云开发者
