vérification de formulaires : tous les éléments sont undefined

Version imprimable

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:

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 :

Citation:

type:undefined nom:undefined classe:undefined i

Merci pour votre aide.

17/06/2008, 11h36
le_chomeur

:aie:

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

fais plutot un document.getElementById('formWebpages').getElementsByTagName('input') :)
17/06/2008, 11h43
tusssss

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

Tutoriel Vérification de Formulaire
17/06/2008, 11h50
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:

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

Voici un snapshot de l'alert :
http://vasilov.free.fr/images/snap.png
17/06/2008, 11h56
le_chomeur

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

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

Code:

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

Code:

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

17/06/2008, 13h08
vasilov

Merci beaucoup :)
cela fonctionne

Je n'aurais jamais pensé que cette strcture de boucle ( for(unInput in inputList){ ... } )
ne fonctionne pas.
17/06/2008, 13h12
le_chomeur
La bonne syntaxe est :
Code:

1 2 3 for each (variable in objet){ }
17/06/2008, 13h29
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)