JS重定向未按预期工作
JS redirection not working as expected
我有一个非常基本的代码,其中有两个HTML页面,index.html
是一个基本的身份验证页面,而crap.html
是我做一些垃圾的页面
现在,我在index.html
上有一个表单,它附带了onsubmit()
处理程序,这样我就可以检查用户名和密码。如果正确,它将显示一条消息,并继续将用户重定向到crap.html
现在的问题是,这种重定向似乎对错误的凭据有效,但当提供正确的凭据时,它会自动重新加载index.html
页面,即使auth.js
中没有重定向代码。
以下是代码:
auth.js
function passCheck(){
var user = document.getElementById("username").value;
var pass = document.getElementById("password").value;
var error = document.getElementById("error");
var set_user = "admin";
var set_pass = "admin";
if(user==set_user && pass==set_pass){
error.style.color="green";
error.innerHTML = "AUTHENTICATED CORRECTLY. REDIRECTING NOW.";
setTimeout(function(){
window.location.href="../crap.html";
}, 3000);
}else{
error.style.color="red";
error.innerHTML = "WRONG CREDENTIALS. REDIRECTING NOW.";
setTimeout(function(){
window.location.href="../index.html";
}, 1000);
}
}
index.html
<html>
<head>
<title>Authentication</title>
<script src="js/jquery.js"></script>
<script src="js/auth.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<form onsubmit="passCheck()">
<table border=0>
<tr>
<td>Username</td>
<td><input type="text" id="username" placeholder="Username" required autofocus></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" id="password" required></td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="AUTHENTICATE">
</td>
</tr>
</table>
</form>
<center>
<div id="error"></div>
</center>
</body>
</html>
它重新加载页面的原因是表单被提交到同一页面。您的表单没有操作属性。为了防止表单实际提交,您需要从提交处理程序中return false;
。
或者,在提交处理程序中设置表单操作。使用jQuery可以很容易地做到这一点。
相关文章:
- 通过链接重定向不;我不在jstree中工作
- 意思是.js - 登录后重定向用户 - 在本地工作,但在部署时不起作用
- JavaScript没有'JSP页面重定向后无法工作..任何解决方案
- 带有SetTimout的Javascript重定向不工作
- window.location重定向没有'我不在IE8上工作
- 基于变量的Javascript URL重定向无法正常工作
- 为什么JavaScript URL表单无法工作,也无法重定向
- JavaScript警报重定向无法正常工作
- co重定向无法正常工作
- 角度重定向到其他方式而不检测视图,但当我单击后退按钮时它可以工作
- 轮播在初始重定向时中断,但在刷新时工作正常
- JavaScript重定向它不是在服务器上工作,而是在本地主机上工作
- HTML POST->重定向工作,XMLHTTPrequest->重定向不起作用(无法从null发出任何请求
- Javascript重定向:symfony路由中的脚本不工作
- 如果语句重定向未按预期工作
- 使提交表单在不重定向或刷新的情况下工作
- 确认/重定向功能不工作-javascript
- 重定向未按预期工作
- JS重定向未按预期工作
- Onclick重定向到下一页不工作在phonegap