PHP : Formulaire dynamique, ajout de champ

Version imprimable

Bonjour,
Voilà, j'ai un formulaire dans lequel j'aimerais pouvoir ajouter des champs via un bouton, j'y arrive, mais je ne peux pas récupérer la valeur des champs.
Comment je peux faire ça ?

Cordialement,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<form method="POST" action="" >
<fieldset><legend>Formulaire de saisie</legend>
    <div id="champs" >
Nom des groupes : <br>
<input id="texte" type="text" name="titre[]"/><br>
    </div>
<button type="button" onclick="addField()" >+</button><br>
</fieldset>
<script type="text/javascript" >
        var div = document.getElementById('champs');
        function addInput(nam){
            var input = document.createElement("input");
            input.name = name;
            div.appendChild(input);
        }
        function addField() {
        addInput("titre[]");
        div.appendChild(document.createElement("br"));
        }
</script>
    <br>
    <input type="submit" value="Cr&eacute;er"/>
</form>

Code:

1
2
3
<?php
if(!empty($_POST)){
$tab = $_POST["titre[]"];

05/05/2014, 17h29
Bovino
Code:

1 2 3 4 5 function addInput(nam){ var input = document.createElement("input"); input.name = name; div.appendChild(input); }
Pas vraiment étonnant... :whistle:
Comme je le dis souvent, quand tu appelles ta femme avec le prénom d'une autre, si tout se passe bien, ça se passe mal. Ben avec JavaScript (en fait, en programmation en général), c'est pareil !
06/05/2014, 09h25
Invité

Exact exact, merci beaucoup.

Cependant, ma méthode pour récupérer derrière est-elle correcte ?
06/05/2014, 10h21
mathieu

affiche le tableau $_POST avec la fonction http://php.net/var_dump par exemple pour voir ce que tu récupères

J'ai changer de méthode pour l'ajout des champs. Et avec le var_dump je récupère bien le contenu des champs donc c'est bon. Maintenant, il me reste juste a les traiter.

Cordialement,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
function create_champ(i) {
 
var i2 = i + 1;
 
document.getElementById('leschamps_'+i).innerHTML = '<input type="input" name="name_'+i+'"></span>';
document.getElementById('leschamps_'+i).innerHTML += (i <=40 ) ? '<br /><span id="leschamps_'+i2+'"><a href="javascript:create_champ('+i2+')">Ajouter un champs</a></span>' : '';
 
 
}
</script>
 
<form action="" method="POST">
<fieldset><legend>Formulaire de saisie</legend>
<input type="input" name="name_1" /><br />
<span id="leschamps_2"><a href="javascript:create_champ(2)">Ajouter un champs</a>
</fieldset>
<input type="submit" value="Cr&eacute;er">
<?php
var_dump($_POST);
?>

06/05/2014, 16h35
Invité

Cependant, j'aimerais faire la vérification avant d'envoyer le formulaire, que tous les champs, y compris ceux que l'utilisateur à ajouter soit bien rempli. Or vu qu'ils ont des nom différents à chaque fois je ne sais pas comment faire..
06/05/2014, 17h23
ABCIWEB

Tu peux utiliser getElementsByTagName pour récupérer un tableau d'input par exemple. Et éventuellement tu insère ces input dans un conteneur si tu veux n'en cibler que certains.
Il y aurait aussi la méthode d'attribuer une classe sur les input que tu veux contrôler. Mais cette méthode est moins performante et dans ce cas j'utiliserais plutôt jquery par facilité pour récupérer les éléments.

Mais bon on est assez loin de php là...
06/05/2014, 17h29
Invité

Ouais, non mais je penser a quelque chose dans le php qui vérifie, comme dans un formulaire classique où on vérifie avec empty quoi..
06/05/2014, 17h42
Bovino

Tu peux tout simplement utiliser l'attribut HTML required.
Pour aller plus loin : L'API HTML5 de contrainte de validation.
07/05/2014, 09h08
Invité

C'est exactement ce dont j'avais besoin.

Merci beaucoup pour votre aide.
Cordialement,