Création Formulaire Inscription + Vérification

**LerikalBless** · 30/05/2015, 05h31

Bonjour / Bonsoir, je viens de mettre en point un formulaire d'inscription un peu débutant avec des vérifications
Cette Page s’appelle << Inscription.html >> et je voudrai que lorsque je clique sur le bouton Inscription, qu'il lance la vérifications des champs << Email >>, << Pseudo >> , << Mot De Passe >>, << Age >> s'il vous plaît et qu'il ajoute les information dans ma Base de Donnée s'il vous plaît je suis complètement Perdu. Si Formulaire Valide, je veux qu'il enregistre les éléments inscrit dans ma Base De Donnée et s'il n'est pas valide, qu'il me montre les erreurs.

Voici Mon Code :

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
<!doctype html>
<html>
<head>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/forms.css" rel="stylesheet" type="text/css" />
<meta charset="utf-8">
<title>Inscription</title>
<script>
function verifPseudo(champ)
{
   if(champ.value.length < 2 || champ.value.length > 25)
   {
      surligne(champ, true);
      return false;
   }
   else
   {
      surligne(champ, false);
      return true;
   }
}
function verifMail(champ)
{
   var regex = /^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
   if(!regex.test(champ.value))
   {
      surligne(champ, true);
      return false;
   }
   else
   {
      surligne(champ, false);
      return true;
   }
}
function verifAge(champ)
{
   var age = parseInt(champ.value);
   if(isNaN(age) || age < 5 || age > 111)
   {
      surligne(champ, true);
      return false;
   }
   else
   {
      surligne(champ, false);
      return true;
   }
}
function verifForm(f)
{
   var pseudoOk = verifPseudo(f.pseudo);
   var mailOk = verifMail(f.email);
   var ageOk = verifAge(f.age);
 
   if(pseudoOk && mailOk && ageOk)
      return true;
   else
   {
      alert("Veuillez remplir correctement tous les champs");
      return false;
   }
}
</script>
</head>
<body>
<form action="Index.html" onsubmit="return verifForm(this)">
  <p>
    Pseudo : <input type="text" name="pseudo" onblur="verifPseudo(this)" /><br />
    Mot de Passe : <input type="text" name="pseudo" onblur="verifPseudo(this)" /><br />
    E-mail : <input type="text" name="email" size="30" onblur="verifMail(this)" /><br />
    Âge : <input type="text" name="age" size="2" onblur="verifAge(this)" /> ans<br />
    <input type="submit" value="Valider" />
  </p>  
</form>
</body>
</html>

**sabotage** · 30/05/2015, 07h18

Si tu n'as aucune connaissance en PHP, ça va être un peu difficile.

Déjà il faut que ton fichier porte l'extension .php et non .html

Ensuite, il faut refaire le même genre de test que tu as actuellement en javascript mais en PHP cette fois.

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
 
if (!empty($_POST['pseudo']) {
     $taille_pseudo = mb_strlen($_POST['pseudo']);
     if ($taille_pseudo < 2 || $taille_pseudo > 25) {
            $error['pseudo'] = 'Le pseudo doit contenir entre 3 et 24 caractères.';
    }
}
else {
     $error['pseudo'] = 'Le pseudo doit contenir entre 3 et 24 caractères.';
}
 
if (!$error) {
    // insertion
}
else {
   // formulaire
   ....
   Pseudo : <input type="text" name="pseudo" onblur="verifPseudo(this)" />
   <?php if (isset($error['pseudo']) { echo $error['pseudo']; }?><br />
 
 
}

Création Formulaire Inscription + Vérification

Langage PHP

Discussions similaires

Partager

Partager