Discussion :

[vasilov]

Bonjour,

lors de la vérification d'un formulaire dont les éléments sont créés dynamiquement en php, j'aimerais le vérifié en js avant l'envoie.

Pour cela je me suis aidé de http://javascript.developpez.com/faq...#verifTousTxts Mais je n'arrive pas à mes fins.

En effet, tous les éléments sont bien parcourus mais les valeurs, classeName, ... sont undefined et je me retrouve bloqué.

(je détecte l'attribut className car je fais une vérification différente en fonction des classes)

Sauriez vous d'ou cela provient?

Voici comment je vérifie le formulaire (enfin comment je récupère les valeurs)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 var inputList = document.getElementById('formWebpages').elements;
   var alertTxt = "";
 
   for (unInput in inputList){
      //if(unInput.type=='text' && unInput.className=='name'){
         alertTxt += "  type:" + unInput.type + "  nom:" + unInput.value + "  classe:" + unInput.className + "   " + unInput +  "\n";
      //}
   }
  // if(alertTxt != ""){
      alert(alertTxt);
      return false;
  // }

Du coup, l'alert m'affiche que des trucs du genre :

type:undefined nom:undefined classe:undefined i

Merci pour votre aide.

[le_chomeur]

férifies déja ça :
document.getElementById('formWebpages').elements

fais plutot un document.getElementById('formWebpages').getElementsByTagName('input')

[tusssss]

A mon avis tu peux t'inspirer de ca dans les contributions

Tutoriel Vérification de Formulaire

[vasilov]

Merci pour votre aide, mais cela ne change rien : j'accède bien aux éléments mais tous ont des valeurs "undefined"

j'utilise maintenant :

Code :

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

 var inputList = document.getElementById('formWebpages').getElementsByTagName('input')

Voici un snapshot de l'alert :

[le_chomeur]

peux tu nous montré ton code généré ?

[vasilov]

voici une partie du code généré :

Code :

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

1
2
3
4
5
6
      <form id="formWebpages" action="" method="POST" onsubmit="return checkWebpagesForm();">
         <input class="name" type="text" name="name_21" value="une valeur" maxlength="40"/>
         <input class="title" type="text" name="title_21" maxlength="60" value="une autre valeur" />
         <input class="Xbutton" type="button" value="Editer" onclick="window.open('./max.php?p=21&h=' + screen.height, 'windowId_21', 'width=800, toolbar=no, scrollbars=yes, status=yes, location=no');"/>
         <input class="endForm" id="saveButton" type="submit" name="saveWebpages" value="Submit"/>
      </form>

j'ai enlevé la mise en forme mais n'ai touché à rien d'autre.

Merci encore

[le_chomeur]

Code :

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

1
2
3
4
5
6
7
8
9
 
function VoirProperties(){
	var inputList = document.getElementById('formWebpages').getElementsByTagName('input');
	var alertTxt = "";
	for(i = 0 ; i < inputList.length ; i++){
		alertTxt += "  type:" + inputList[i].type + "  nom:" + inputList[i].value + "  classe:" + inputList[i].className + "   " + inputList[i] +  "\n";
	}
	alert(alertTxt);
}

[vasilov]

Merci beaucoup
cela fonctionne

Je n'aurais jamais pensé que cette strcture de boucle ( for(unInput in inputList){ ... } )
ne fonctionne pas.

[le_chomeur]

La bonne syntaxe est :

Code :

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

1
2
3
 
for each (variable in objet){
}

[vasilov]

ok, c'est noté.

Il faudrait modifier l'erreur de la FAQ : http://javascript.developpez.com/faq...#verifTousTxts

Je ne sais pas si tu peux t'en charger (il est dit dans la faq de contacter un modérateur)