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

Vue hybride

Discussions similaires

Partager

Partager