расположение заголовка для php до 404 - PullRequest
0 голосов
/ 14 октября 2018

Работа на простой странице входа, где пользователь вводит имя и пароль.Прямо сейчас у меня это просто так, когда пользователь вводит имя пользователя и пароль, он должен перенаправить на мою страницу success.html, где он просто распечатает <h2>successful login</h2>.Всякий раз, когда я пытаюсь нажать кнопку входа в систему, я вижу в своем браузере, что он перехватывает имя пользователя и пароль, но показывает страницу 404.Любая помощь будет оценена.Я опишу свой код ниже для обоих файлов.

`home.html`

<head>
<title>Hangman Home Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="home.css">
</head>

<body>

<?php

   #not empty
    #atleast 6 characters long


    # array holds errors
    $errors = array[];

    # validation starts here

    if(count($errors) == 0){

        # redirect to the game page
        header('Location:success.html');
        exit();
    }


    ?>

<div class="header">
<div class="a">Hangman</div>
</div>
<div class="topnav">
</div>
<br>
<br>
<br>
<!--column start here -->
<div class="hi">
<table id="leader">
<tr>
<th><img src="crown.gif"></th>
</tr>
<tr>
<td>Leader Board</td>
</tr>
<tr>
<td>1st. John : 4 guess</td>
</tr>
<tr>
<td>2nd. Smith : 6 Guesses</td>
</tr>
<tr>
<td>3rd. Tom : 7 Guesses</td>
</tr>
<tr>
<td>4th. Allen : 8 Guesses</td>
</tr>
</table>
</div>
<!-- form start here -->
<br>
<br>


<div class="b">Think You Can Beat #1 ?</div>

<center><button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Play Now!!!</button></center>

<div id="id01" class="modal">
<form method="post" class="modal-content animate">
<div class="imgcontainer">
<span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
<img src="hang1.gif" alt="logo" class="avatar">
</div>


<div class="container">
</p>

<label for="uname"><b>Username</b></label>
<input type="text" placeholder="Enter Username" name="uname" required>


<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>

<button type="submit" value="submit">Login</button>
</div>
</form>

<div class="container" style="background-color:#f1f1f1">
<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
<span class="psw">Forgot <a href="#">password?</a></span>
</div>
   </form>
    </div>

    </body>

    </html>

 `success.html`
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" 
 content="width=device- 
   width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" 
    content="ie=edge">
    <title>Document</title>
    </head>
    <body>

<h2> Successful Connection!</h2>
</body>
</html>

1 Ответ

0 голосов
/ 14 октября 2018

Во-первых, где находится тег doctype и html для home.html?И следующее: формы должны содержать атрибут действия, который должен указывать местоположение / страницу, куда следует отправлять информацию, например
<form action="success.html" method="POST" class="modal-content animate">, если success.html и home.html находятся в одном каталоге.
actionАтрибут принимает пустые строки, если вы хотите, чтобы форма была отправлена ​​на ту же страницу, что и форма.
Хотя это не обязательно, но не указание, оно иногда создает непредвиденные проблемы.Читайте больше основ о формах в https://www.w3schools.com/html/html_forms.asp

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...