Discussion :

[Invité]

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 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
<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 :

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

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

[Bovino]

Code javascript :

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

1
2
3
4
5
function addInput(nam){
    var input = document.createElement("input");
    input.name = name;
    div.appendChild(input);
}

Pas vraiment étonnant...
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 !

[Invité]

Exact exact, merci beaucoup.

Cependant, ma méthode pour récupérer derrière est-elle correcte ?

[mathieu]

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

[Invité]

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 :

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
<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);
?>

[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..

[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à...

[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..

[Bovino]

Tu peux tout simplement utiliser l'attribut HTML required.
Pour aller plus loin : L'API HTML5 de contrainte de validation.

[Invité]

C'est exactement ce dont j'avais besoin.

Merci beaucoup pour votre aide.
Cordialement,