Discussion :

[flavors]

Bonjour,
j'ai un formulaire contenant des champs en doubles :

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
<form>
	<div id = "Assemblages">
		<input type="hidden" id="nbAss" name="nbAss" />
 
		<div id="assemblage" class="newAssemblage">
			<input type="text" id="numAssemblage0" class="Assemblage0_num" name="numAssemblage[]" value="" onblur="verifNum(this)"/>
			<input type="text" id="tRefroid0" class="Assemblage0_duration" name="tRefroid[]" value="" onblur="verifDuration(this)"/>
		</div>
		<div class="newAssemblage">
			<input type="text" id="numAssemblage1" class="Assemblage1_num" name="numAssemblage[]" value="" onblur="verifNum(this)"/>
			<input type="text" id="tRefroid1" class="Assemblage1_duration" name="tRefroid[]" value="" onblur="verifNumbers(this)"/>
		</div>		
		<button type="button" id="btnAddField" >+</button>
	</div>
</form>

Les fonctions appelées par "onblur" fonctionnent mais j'aimerais aussi les appeler lors de la soumissions du formulaire.
Je rencontre un problème pour récupérer les champs de chaque division comme ils ont le même nom...

Quand j'appelle une fonction qui à un nom unique je fais .

Code :

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

1
2
3
4
5
6
7
8
//l'input correspondant
<input type="text" id="tc" class="Dissolution_number" name="tc" value="" onblur="verifNumbers(this)"/>
 
var tc = verifNumbers(form.tc);
function verifNumbers(champ) {
	var elem = champ.value;
        //test sur la valeur
        }

Et ça fonctionne correctement.
Mais quand je fais la même chose pour le formulaire donné plus haut ça ne fonctionne pas et je ne comprend pas pourquoi.
Je fais:

Code :

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

1
2
3
4
5
 var numAssemblage = verifNum(form.numAssemblage0); 
function verifNum(champ) {
	var elem = champ.value;
        //test sur la valeur
        }

Si quelqu'un à une solution, je suis preneur!
Merci.

[SpaceFrog]

Code :

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

getElementsByName

?

[Invité]

Bonjour,
pour ton histoire de clonage, sache qu'un identifiant (id="...") DOIT être UNIQUE.
Donc, ça ne fonctionnera pas de toute façon comme ça.

Repense la conception.

Au moment de la création du clone, on peut imaginer incrémenter seulement l'id="form_1" de la balise <form>.
Tout le reste étant défini par des class="...".

En jQuery, il est simple de cibler un élément :

Code javascript :

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

$('#form_'+idform+' input').......

Et quand on clique (ou autre) sur un élément, il faut aussi penser à utiliser $(this)......
et les fonctions jQuery bien pratiques : .parent(), .children(), .next(), .siblings().....

[flavors]

Bonjour et merci pour vos réponses.

getElementsByName fonctionne très bien en reprenant la doc j'ai fais

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
 
var listAssemblage = document.getElementsByName("numAssemblage[]");  
    var i;
    var numAssemblage
    for(i = 0; i < listAssemblage.length; i++) {
      if(verifNum(listAssemblage[i])) {
          numAssemblage = 1;
      }
    }
 
//Ce que je pensais faire à la base
 var numAssemblage;
 var tRefroid;
 var mu;
for(i=0 ; i<nbAss ; i++) {
 
       if(verifNum(form.numAssemblage+i))
              numAssemblage=1;
       if(verifNumbers(form.tRefroid+i))
              tRefroid=1;
       if(verifNumbers(form.mu+i))
              mu=1;
      }

C'est un peu plus fastidieux (une boucle for par test) que ce que j’espérais faire à la base mais au moins ça marche

@jreaux62
Pour mon histoire de clonage vous parlez de cette discussion : http://www.developpez.net/forums/d15...tie-nom-class/ ?
Si c'est le cas, en fait ce n'est pas tous le form que je clone mais seulement une partie (la div "newAssemblage"), il est vrai que ce n'est pas claire quand je dis "cloner formulaire", ça prête à confusion.

Je ne met un id que sur la div qui sert de base pour la copie puis une fois la copie faite, je supprime l'id de la copie. Il n'y a donc que la 1er div "newAssemblage" qui possède un id.
Après peut-être n'est-ce pas correct?

Merci