Bonjour,

Alors voilà j'ai développé à l'aide de tutos un système de connexion à un site web en php. J'ai codé tout ça en php + html et tout fonctionne comme je voulais.

Hier j'ai commencé à customiser mes différentes pages avec du CSS et j'ai commencé par la page Connexion; depuis plus moyen de faire fonctionner ma page de connexion.

Voici ma page connexion.php :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
 
<?php
session_start();
 
$bdd = new PDO('mysql:host=127.0.0.1;dbname=espace_membre', 'root', '');
if(isset($bdd)){
    echo'connexion à la db ok';
}
else{
    echo'erreur';
}
if(isset($_POST['formconnexion'])) {
    echo'OK OK';
   $mailconnect = htmlspecialchars($_POST['mailconnect']);
   $mdpconnect = sha1($_POST['mdpconnect']);
   if(!empty($mailconnect) AND !empty($mdpconnect)) {
      $requser = $bdd->prepare("SELECT * FROM membres WHERE mail = ? AND motdepasse = ?");
      $requser->execute(array($mailconnect, $mdpconnect));
      $userexist = $requser->rowCount();
      if($userexist == 1) {
         $userinfo = $requser->fetch();
         $_SESSION['id'] = $userinfo['id'];
         $_SESSION['pseudo'] = $userinfo['pseudo'];
         $_SESSION['mail'] = $userinfo['mail'];
         header("Location: profil.php?id=".$_SESSION['id']);
      } else {
         $erreur = "Mauvais mail ou mot de passe !";
      }
   } else {
      $erreur = "Tous les champs doivent être complétés !";
   }
}
?>
<html lang="fr">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Connexion</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="style/connexion.css">
 
</head>
 
<body>
    <div class="home">
        <div class="item">
            <div class="content">
                <form methode = "POST" action="" class="form-horizontal">
                    <div class="logo">
                        <h1>D</h1>
                    </div>
                    <div class="input-group lg">
                        <span class="input-group-addon"><i class="fa fa-user"></i></span>
                        <input type="email" name ="mailconnect" class="form-control" placeholder="Email" />
                    </div>
 
                    <div class="input-group lg">
                        <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                        <input type="password" name="mdpconnect" class="form-control" placeholder="Password" />
                    </div>
 
                    <div class="form-group in">
                            <input type="submit" name="formconnexion" class="btn btn-info btn-block" value="Log in" />
                    </div>                 
                </form>
            </div>
            <?php
                if(isset($erreur)) {
                    echo '<font color="red">'.$erreur."</font>";
                }
            ?> 
        </div>
    </div>
</body>
</html>
Et voici mon fichier connexion.css

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
 
body,
html{
    width: 100% ;
    height: 100% ;
    background: #3ca2e0 ;
}
 
.home{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.item{
    height: 500px;
    width: 500px;
    background: #fff;
}
 
.content{
    height: 100%;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
 
.in{
    padding: 15px;
}
 
.logo{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 auto;
    border : 3px solid #94979c;
    color: #94979c;
    margin-bottom: 20px;
    padding: 2px;
    line-height: 90px;
}
 
.logo h1{
    font-weight: 700;
    font-size: 40px;
}
 
input[type=email],
input[type=password]{
    background: 0 0;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #afb5c1;
    border-radius: 0;
}
.lg{
    margin-bottom: 20px;
}
 
.input-group-addon{
    background: 0 0;
    border: 0;
    color: #afb5c1;
}
 
.btn-info{
    border: 0;
    background: #ff3366;
    border-radius: 30px;
}
 
input[type=email]:focus{
    box-shadow: none;
}
 
input[type=password]:focus{
    box-shadow: none;
}
Alors j'ai bien le message connexion à la db ok donc la base de donnée c'est OK

Cependant le "OK OK" n’apparaît pas quand je clique sur le bouton Log in, du coup je pense que le problème vient de là, mais je ne vois pas ce qui ne va pas.

De plus quand je ne remplis aucun champ et que je clique sur Log in je dois voir apparaître un message me disant "Tous les champs doivent être remplis !" mais je n'ai rien.

Pouvez vous m'aider à comprendre mon problème ?

Merci d'avance.