Récupérer la valeur d'un input "text"

**floproc** · 08/05/2017, 18h04

Bonjour, je viens vers vous car j'ai un petit soucis..

Je possèdes 3 fichiers

Index.php, inscription.php, verification_champ.js

Index.php:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<Html>
<head>
 
</head>
<body>
 
<?php 
 
include "inscription.php";
 
?>
</body>
</Html>

Inscription.php:

Code html :

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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<html>
<head>
<script type="text/javascript" src="JS/verification_champ.js"></script>
</head>
 
<body>
<p id="testp">test</p>
 
<p id="erreur_syntaxe_formulaire" style="color: red;"></p>
 
<form method="POST" action="envoi_inscription.php" onsubmit="verification_envoi();" name="inscription_formulaire" id="inscription_formulaire">
 
<table>
 
	<!-- sexe -->
	<TR>
	<td>
	Tu es ?
	</td>
	<td>
	<input type="radio" name="sexe" id="femme_sexe" value="femme"/>Une femme
	<input type="radio" name="sexe" id="homme_sexe" value="homme" />Un Homme
	</td>
	</TR>
 
 
	<!-- recherche -->
	<TR>
	<td>
	Tu recherches ?
	</td>
	<td>
	<input type="radio" name="recherche" id="femme_recherche" value="femme" />Une femme
	<input type="radio" name="recherche" id="homme_recherche" value="homme" />Un Homme
	</td>
	</TR>
 
	<!-- Saut de ligne -->
	<tr><td></td></tr>
	<tr><td></td></tr>
	<tr><td></td></tr>
 
	<!-- Prénom -->
	<TR>
	<td>
	Prénom:
	</td>
	<td>
	<input type="text" name="prenom" id="prenom">
	</td>
	</TR>
 
 
	<!-- Age -->
	<TR>
	<td>
	Age:
	</td>
	<td>
	<select name="age" id="age" value="age">
		<option value="18">18</option>
		<option value="19">19</option>
		<option value="20">20</option>
		<option value="21">21</option>
		<option value="22">22</option>
		<option value="23">23</option>
		<option value="24">24</option>
		<option value="25">25</option>
	</select>
	</td>
	</TR>
	<br/>
 
 
	<!-- Saut de ligne -->
	<tr><td></td></tr>
	<tr><td></td></tr>
	<tr><td></td></tr>
 
 
	<!-- email -->
	<TR>
	<td>
	Email:
	</td>
	<td>
	<input type="mail" name="email" id="email">
	</td>
	</TR>
 
	<!-- Confirmation email -->
	<TR>
	<td>
	Confirmation:
	</td>
	<td>
	<input type="mail" name="confirmation_email" id="confirmation_email">
	</td>
	</TR>
 
	<!-- Mot de passe -->
	<TR>
	<td>
	Mot de passe:
	</td>
	<td>
	<input type="password" name="mot_de_passe" id="mot_de_passe">
	</td>
	</TR>
 
	<!-- Confirmation mot de passe -->
	<TR>
	<td>
	Confirmation:
	</td>
	<td>
	<input type="password" name="confirmation_mot_de_passe" id="confirmation_mot_de_passe">
	</td>
	</TR>
 
 
	<!-- Saut de ligne -->
	<tr><td></td></tr>
	<tr><td></td></tr>
	<tr><td></td></tr>
 
	<!-- Saut de ligne -->
	<tr><td></td></tr>
	<tr><td></td></tr>
	<tr><td></td></tr>
 
 
	<!-- Certification majorité -->
	<TR>
	<td>
	Je certifi(e) être majeur<input type="Checkbox" name="certification_majorite" id="certification_majorite">
	</td>
	</TR>
 
	<!-- Certification majorité -->
	<TR>
	<td>
	J'ai lu et j'acceptes les conditions générales du site<input type="Checkbox" name="acceptation_conditions_generales" id="acceptation_conditions_generales">
	</td>
	</TR>
 
	<TR>
	<td>
	<input type="submit" value="Inscription" name="submit"/>
	</td>
	</TR>
 
</table>
 
</form>
 
</body>
</html>

et verification_champ.js

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
var test = document.getElementById("testp");
 
alert(test);
 
/*function verification_envoi() {
 
	var prenom = document.getElementById('prenom').value;
 
	if(prenom.lenght >= 13 ){
 
		document.getElementById('erreur_syntaxe_formulaire').innerHtml = "Votre prénom ne peut pas dépasser 12 caractères";
		return false;
	}
	else{
 
		document.getElementById('inscription_formulaire').submit();
		return true;
	}
}*/

Le fichier verification_champ est chargé dans inscription.php
et inscription.php est chargé dans index.php

Ce que je voudrais c'est récupérer le contenu des input de mon formulaire dans des variables mais ça ne fonctionnais pas alors j'ai fais un test,
j'ai créer un variable "test" dans laquelle je récupères le contenu d'un paragraphe ayant pour id "testp", et ensuite je fais un alert() pour voir si a variable contient bien le texte, le problème c'est que quand j'enlève la propriété .value l'alert m'affiche "null" et quand la met il ne ce passe rien..

verification_champ.js

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
var test = document.getElementById("testp");
 
alert(test);
 
/*function verification_envoi() {
 
	var prenom = document.getElementById('prenom').value;
 
	if(prenom.lenght >= 13 ){
 
		document.getElementById('erreur_syntaxe_formulaire').innerHtml = "Votre prénom ne peut pas dépasser 12 caractères";
		return false;
	}
	else{
 
		document.getElementById('inscription_formulaire').submit();
		return true;
	}
}*/

inscription.php

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<p id="testp">test</p>

Pourriez-vous m'aider s'il vous plait ??

(Je suis désoler si c'est pas très compréhensible)

**Kennel sébastien** · 08/05/2017, 18h19

Il n'y a pas d'attribut « value » pour un paragraphe.

En revanche si tu souhaites récupérer le contenu de ton paragraphe tu peux faire ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var test = document.getElementById("testp");
 
alert(test.innerHTML);

Il y a une faute dans ta propriété ici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

prenom.length >= 13

Tu as écrit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

prenom.lenght >= 13

**floproc** · 08/05/2017, 18h24

Bonjour Sébastien merci pour ta réponse !

Après comment est ce que je peux faire dans cette situation :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var test = document.getElementById("prenom").value;
 
alert(test);

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" name="prenom" id="prenom">

Car quand j'essaye ça ne me renvoi rien.. Je viens d'essayer ce que tu m'as dit avec innerHTML mais ça ne marche pas non plus..

**floproc** · 08/05/2017, 18h32

Ah oui effectivement merci

J'ai un autre soucis c'est que innerHTML ne fonctionne pas :/

**Kennel sébastien** · 08/05/2017, 18h42

Ton code javascript il est placer où ? Après tes éléments ?

En fait il faut le mettre juste avant la fermeture de la balise body ;-)

**floproc** · 08/05/2017, 18h47

Yesss ! Merci beaucoup j'ai apris quelque chose d'important ça fonctionne niquel, je vais mettre le sujet en résolu

Bonne soirée

Récupérer la valeur d'un input "text"

JavaScript

Discussions similaires

Partager

Partager