Question

我有一个无法解决的问题，我正在尝试制作一个简单的登录系统，但是当我单击该按钮时，它无法转到下一页，有人可以帮我吗，脚本m的使用很简单。

Function Login(){
var done=0;
var username=document.Login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="victor" && password=="victor") {
window.location="https://www.tixtelecom.com.br/"; done=1;    
}    
if (done==0) { alert("Este site é só para usuários com autorização");}    
}

在我的html中，它看起来像这样：

    Function Login(){
    var done=0;
    var username=document.Login.username.value;
    username=username.toLowerCase();
    var password=document.login.password.value;
    password=password.toLowerCase();
    if (username=="victor" && password=="victor") {
    window.location="https://www.tixtelecom.com.br/"; done=1;    
    }    
    if (done==0) { alert("Este site é só para usuários com autorização");}    
    }

<!DOCTYPE html>
<html lang="br">
<head>
	<title>Engenharia de Redes</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    
<!--===============================================================================================-->	
	<link rel="icon" type="image/png" href="images/icons/tix.png"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->	
	<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->	
	<link rel="stylesheet" type="text/css" href="vendor/daterangepicker/daterangepicker.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>
	<div class="limiter">
		<div class="container-login100">
			<div class="wrap-login100">
				<form name=login>
					<span class="login100-form-title p-b-48">
                        <img src="images/logo.png">
                    </span>

					<div class="wrap-input100 validate-input" data-validate = "Digite um usuario válido">
						<input class="input100" type="text" name="username">
						<span class="focus-input100" data-placeholder="Usuario"></span>
					</div>

					<div class="wrap-input100 validate-input" data-validate="Digite uma senha válida">
						<span class="btn-show-pass">
							<i class="zmdi zmdi-eye"></i>
						</span>
						<input class="input100" type="text" name="pass">
                        
						<span class="focus-input100" data-placeholder="Senha"></span>
					</div>
                    
                    <div>
                        <input type="button" value="entrar" onclick="Login()">
                            
                            
                        </div>	
				</form>
			</div>
		</div>
	</div>	
	
    <div id="dropDownSelect1"></div>
    
<!--===============================================================================================-->
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/daterangepicker/moment.min.js"></script>
	<script src="vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
	<script src="vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
	<script src="js/main.js"></script>
<!--===============================================================================================-->
  <script type="text/javascript" src="senha.js"></script>

</body>
</html>

我需要一些解决方案，有人可以帮助我！

我不明白为什么会这样，我已经尝试了很多方法，但找不到解决方案，如果我从头开始制作html + js则无法找到详细信息，但是有了这个准备好的CSS，我就可以从网上获得，我尝试加入他们，但没有成功。

未捕获的ReferenceError：未在HTMLInputElement.onclick（index.html：55）

0 个答案: