[débutant php] Formulaire d'inscription

Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

[débutant php] Formulaire d'inscription

billred

Bonjour a tous.

Pour ma culture générale et par curiosité, j’ai décider de crée un formulaire d’inscription en php.
Rien de bien compliquer/folichon.

Actuellement j’ai donc crée/modifié deux fichier inscription,php et test.php.

inscription,php

<!DOCTYPE html>
<html>
<head>
        <meta charset="UTF-8">
        <meta name="robots" content="noindex">
        <title>monk3y-bOx</title>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <link rel="icon" type="ico" href="./assets/img/tardis.ico">
        <link rel="stylesheet" href="./assets/bower/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="./assets/css/style.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

<body>

<!-- particles.js container -->
<div id="particles-js"></div>

<!-- contenu -->
<div class="center">
        <div class="content" id="form" style="top: 0px; opacity: 1;">
                <!-- logo -->
                <div id="logotop"></div>
<br>
 <form action="test.php" method="post">
 <form>
Prénom: <input type="text" name="name" value="..."><br>
Mon  âge : <input type="text" name="old" value="..."><br>
Pseudo : <input type="text" name="fake-name" value="..."><br>
J'aime : <input type="text" name="love" value="..."><br>
Ma vie : <input type="text" name="life" value="..."><br>
Minecraft, mes goûts : <input type="love-in-minecraft" name="life" value="..."><br> 
Mon caractère : <input type="character" name="life" value="..."><br>
Petite Info en plus : <input type="character" name="goodies-info" value="..."><br>
<input type="submit" value="Envoyer a un admin">
    </div>
 </form>
                                </div>
                        </div>
                </div>
        </div>
</div>

<!-- script recherche -->
<script src='./assets/bower/jquery/dist/jquery.min.js'></script>
<script src="./assets/bower/particles.js/particles.min.js"></script>
<script src="./assets/js/search.js"></script>
<script src="./assets/js/app.js"></script>
<script src="./assets/js/randomBackground.js"></script>
</body>
</html>

test.php

!DOCTYPE html>
<html>
<head>
        <meta charset="UTF-8">
        <meta name="robots" content="noindex">
        <title>monk3y-bOx</title>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <link rel="icon" type="ico" href="./assets/img/tardis.ico">
        <link rel="stylesheet" href="./assets/bower/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="./assets/css/style.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

<body>
<!-- particles.js container -->
<div id="particles-js"></div>


<!-- contenu -->
<div class="center">
        <div class="content" id="form" style="top: 0px; opacity: 1;">
                <!-- logo -->
                <div id="logotop"></div>
<p>Bonjour <?php echo $_POST['prenom']; ?></p>


<p>Votre candidature est en cours de traitement <?php echo $_POST['name']; ?> !</p>
<p>Une réponse vous sera adresser dans les 24h </p>
                        </div>
                </div>
        </div>
</div>
<!-- script recherche -->
<script src='./assets/bower/jquery/dist/jquery.min.js'></script>
<script src="./assets/bower/particles.js/particles.min.js"></script>
<script src="./assets/js/search.js"></script>
<script src="./assets/js/app.js"></script>
<script src="./assets/js/randomBackground.js"></script>
</body>
</html>

Et donc le coté client cela est presenté comme cela.

Donc le client remplis le formulaire.

une fois remplis il envois le information a test.php
wtf

J’aimerais que si toto remplis le formulaire, je puisse avoir un mail automatiquement.
-sous forme : information remplis par toto, adresse ip, heure d’inscription, etc.

Par la suite j’aimerais restreindre certains caractère selon les questions.
-exemple pour l’age : ne pas accepter de lettre.

J'aimerais aussi ne pas permettre d'envoyer les infos sans avoir répondus a toute les questions.

Polomad5

Salut

!

Pour envoyer un mail, le mieux serait d'utiliser PHPMailer (même si la fonction mail() native est bien aussi ^^). De cette façon là, le mail peut être envoyé via le protocole SMTP et aura une meilleure délivrabilité que si on l'envoyait via PHP.
Je te laisse regarder différents tutoriels, ils sont très bien expliqués.
Voici, en gros ce que tu peux mettre dans MsgHTML() (le contenu du mail quoi...) :


Bonjour,
Un nouvel utilisateur du nom de <?php echo $_POST['name']; ?> s'est inscrit sur VotreSuperSite.
Voici les informations qu'il a rentré : 
Prénom : <?php echo $_POST['name']; ?>
Age : <?php echo $_POST['old']; ?>
Pseudo : <?php echo $_POST['fake-name']; ?>
etc.

Son adresse IP est : <?php echo $_SERVER["REMOTE_ADDR"]; ?>
Il s'est inscrit le <?php date("d-m-Y"); ?> à <?php date("H:i"); ?>.

Ghostfly

Dans ta page "test.php", ajoute ceci (au début, à la fin, ou tu veux, pas très propre, mais bon, au moins t'as la logique) et ça fera le taff

<?php
     $to      = 'tonmail@mail.com';
     $subject = 'Inscription d\'utilisateur';
     $message = 'Inscription d\'un utilisateur : <br> Nom :'. $_REQUEST['name']. '<br> âge :'.$_REQUEST['old']. '<br>'; // Et tes autres params....
     $headers = 'From: serveur@domaine.tld' . "\r\n" .
     'Reply-To:  tonmail@mail.com' . "\r\n" .
     'X-Mailer: PHP/' . phpversion();

     mail($to, $subject, $message, $headers);
 ?>

Pour la délivrabilité, ça dépend vraiment du but (là il peut tout simplement whitelist son serveur@mail.com), mais la fonction mail() marche tout de même à merveille, et je vois pas pourquoi ça partirais en spam, après clair qu'utiliser PHPMailer serait mieux, mais si ça vaut le coup, j'en suis pas convaincu pour son utilisation, d'autant plus que c'est un débutant, donc lui mettre direct des Classes à utiliser codées par d'autres qui lui font tout.. Moyen, autant découvrir les possibilités de base du langage

billred

Merci Polomad5 de m'avoir indiqué ces quelques lien et donner un exemple concret afin de mieux visualiser comment mettre en place ceci.

Quelque question reste en suspend :
-Comment restreindre une chaîne de caractère. Afin d’éviter ce genre d’incohérence.
Exemple : « Quelle âge as tu ? AZ »

-Comment mettre en place un questionnaire. Avec des question à réponse obligatoire et d'autre facultative.
Explication : Afin d’éviter les questionnaire vide.

-Comment interdire les mail jetable dans une formulaire d’inscription.
Supputation :

 
exemple = "babla@yopmail.com";
if (preg_match('@yopmail\.com$#',$exemple)) {
echo "Les adresse yopmail ne sont pas autorisé";
else {
// on continue
}

-Comment éviter les bots qui remplisse les formulaires.
Supputation : Je pense mettre en place un captcha en place. Cela devrais réduire le problème des bots.
Âpres je ne sais quoi faire entre faire confiance au existant (cloudflare, google [reCaptcha], etc) ou se bricoler un captcha maison.

édit: Réponse à Ghostfly

Merci Ghostfly pour cette ajout de contenus.
Je préfère dire débutant car étant autodidacte et n’ayant pas suivis de cursus scolaire en milieu informatique.
Mes base ne sont pas forcement très solide.
Mais j’arrive tout de même a m’amuser.

Le service ne devrais pas générer énormément de trafic.
Sont but est simple, un formulaire d’inscription (nom, age, etc) une fois le formulaire rempli.
Un page générée qui résume contenus tapé par le client.
Puis un envoie de mail à une tierce personne.

Polomad5

Pour l'âge, il suffit simplement de modifier le type d'entrée dans le fichier inscription.php (qui n'a pas besoins d'avoir l’extension .php d'ailleurs). Remplace le type="text" par type="number". Ainsi, on ne pourra rentrer que des nombres.

Après, pour le questionnaire, le mieux est de le faire en JavaScript, un truc dans le genre :


function Verif_form(formulaire){
  if (formulaire.champs_obligatoire.value==""){
    alert ("Champs requis");
  }else{
    formulaire.submit();
  }
}

Mais si tu veux vraiment le faire en PHP, regarde ici ou là.

Et pour les bots, je te conseille reCaptcha, c'est Google donc c'est propre 😀.

billred

Merci Polmad5 pour les liens.

Arf je me suis souvenus de w3schools et de leur section php.
Je me doute que leur code est mieux élaborer, que ce que j'avais au paravent.

Voici le code de base, qui sera modifié/adapté.

<!DOCTYPE HTML> 
<html>
<head>
<style>
.error {color: #FF0000;}
</style>
</head>
<body> 

<?php
// define variables and set to empty values
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
   if (empty($_POST["name"])) {
     $nameErr = "Name is required";
   } else {
     $name = test_input($_POST["name"]);
     // check if name only contains letters and whitespace
     if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
       $nameErr = "Only letters and white space allowed"; 
     }
   }
   
   if (empty($_POST["email"])) {
     $emailErr = "Email is required";
   } else {
     $email = test_input($_POST["email"]);
     // check if e-mail address is well-formed
     if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
       $emailErr = "Invalid email format"; 
     }
   }
     
   if (empty($_POST["website"])) {
     $website = "";
   } else {
     $website = test_input($_POST["website"]);
     // check if URL address syntax is valid (this regular expression also allows dashes in the URL)
     if (!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i",$website)) {
       $websiteErr = "Invalid URL"; 
     }
   }

   if (empty($_POST["comment"])) {
     $comment = "";
   } else {
     $comment = test_input($_POST["comment"]);
   }

   if (empty($_POST["gender"])) {
     $genderErr = "Gender is required";
   } else {
     $gender = test_input($_POST["gender"]);
   }
}

function test_input($data) {
   $data = trim($data);
   $data = stripslashes($data);
   $data = htmlspecialchars($data);
   return $data;
}
?>

<h2>PHP Form Validation Example</h2>
<p><span class="error">* required field.</span></p>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>"> 
   Name: <input type="text" name="name" value="<?php echo $name;?>">
   <span class="error">* <?php echo $nameErr;?></span>
   <br><br>
   E-mail: <input type="text" name="email" value="<?php echo $email;?>">
   <span class="error">* <?php echo $emailErr;?></span>
   <br><br>
   Website: <input type="text" name="website" value="<?php echo $website;?>">
   <span class="error"><?php echo $websiteErr;?></span>
   <br><br>
   Comment: <textarea name="comment" rows="5" cols="40"><?php echo $comment;?></textarea>
   <br><br>
   Gender:
   <input type="radio" name="gender" <?php if (isset($gender) && $gender=="female") echo "checked";?>  value="female">Female
   <input type="radio" name="gender" <?php if (isset($gender) && $gender=="male") echo "checked";?>  value="male">Male
   <span class="error">* <?php echo $genderErr;?></span>
   <br><br>
   <input type="submit" name="submit" value="Submit"> 
</form>

<?php
echo "<h2>Your Input:</h2>";
echo $name;
echo "<br>";
echo $email;
echo "<br>";
echo $website;
echo "<br>";
echo $comment;
echo "<br>";
echo $gender;
?>

</body>
</html>

ps: Je vais donc me familiariser avec ce code et l'adapter a mes besoin en y imbriquent ce que Ghostfly et Polomad5 mon proposer.
Un grand merci a vous, pour avoir pris le temps de m'éguillet [snippets, explication, link, etc ...]

Polomad5

Bon courage !
Si tu souhaite avoir un vraie formation PHP gratuite, je ne peux que te conseiller le cours d'OpenClassrooms qui est vraiment bien foutu avec des vidéos, exercices, etc.
Perso, c'est la formation que j'ai suivie, surtout qu'il y a une multitude de cours, avec une communauté vraiment à l'écoute.
Par exemple, je suis sur que tu aurais obtenu beaucoup plus de réponses si tu avais poster ton message dans la catégorie PHP du forum d'OC 😉.

myxomatom

Polomad à tout à fait raison, commence par openclassroom, puis intéresse toi vite à la structure MVC. Ça te permettra de faire du code plus propre et plus optimisé et d'utiliser un framework PHP par la suite.