vérification champs dynamique js

Bonjour,

j'ai créé un formulaire où je peux ajouter des champs et les supprimer comme je l'entend.

je veux vérifier ces champs et ne pas les laisser vide et j'ai fai un code js.

le problème est que je veux vérifier ceux que j'ajoute éventuellement et dans ce cas je rencontre des soucis.

voilà une partie du formulaire

form.php

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<tbody id="Responsable_corpus"> <tr>   <td>- Responsable du corpus 1 :</td> <td><input type="text" size="50" name="Responsable_corpus1" onKeyUp="javascript:couleur(this);">     </td>     </tr>   </tbody> <tr> <td><input type="button" value="Ajouter un responsable" onclick="addRespCorpus()" /> </td> </tr>

---

j'aurai 5 Responsable_corpus au maximum qui auront pour name
Responsable_corpus1
Responsable_corpus2
Responsable_corpus3
Responsable_corpus4
Responsable_corpus5

voici mon code de vérification champs vide

verifChamps.js

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function check() { if (document.formulaire.Responsable_corpus1.value == "") { msg += "Veuillez saisir le Nom du Responsable de corpus 1\n"; document.formulaire.Responsable_corpus1.style.backgroundColor = "red"; }     if (document.formulaire.Responsable_corpus2) { if (document.formulaire.Responsable_corpus2.value == "") { msg += "Veuillez saisir le Nom du Responsable de corpus 2\n"; document.formulaire.Responsable_corpus2.style.backgroundColor = "red"; } }   //et ainsi de suite jusqu'à 5

---

ce code fonctionne en partie ; je mexplique.

en effet, je pense qu'une boucle serait plus approprié mais je ne vois pas trop commen la metre en place dans la partie :

Code:

---

document.formulaire.Responsable_corpus

---

ensuite je pourai me contenter de mon code mais j'ai un soucis.
en effet si jajoute un champ et qu'ensuite je le supprime le code js va me rebalancer l'alerte. il ne tient pas compte du fait que le champ a été supprimé.

merci

Bonjour,

Citation:

---

Envoyé par knebhi

en effet, je pense qu'une boucle serait plus approprié mais je ne vois pas trop commen la metre en place dans la partie :

Code:

---

document.formulaire.Responsable_corpus

---

---

Utilise plutôt la syntaxe

Code:

---

document.forms['name_formulaire'].elements['name_element']

---

C'est beaucoup plus facile à gérer en dynamique (et moins "obsolète") ;)
Tu pourras faire ta boucle avec

Code:

---

document.forms['formulaire'].elements['Responsable_corpus'+compteur]

---

A+

voilà ce que j'ai fait

Code:

---

1 2 3 4 5 6 7 8 9

for(nrC=1;nrC<6;nrC++){     if (document.forms['formulaire'].elements['Responsable_corpus'+nrC].value == "") { msg += "Veuillez saisir le Nom du Responsable de corpus "+nrC+"\n"; document.forms['formulaire'].elements['Responsable_corpus'+nrC].style.backgroundColor = "red"; }   }

---

ça ne fonctionne pas ou bien partiellement.

Salut,

Citation:

---

ça ne fonctionne pas ou bien partiellement

---

Tu peux expliquer un peu?
SpaceFrog a donné une code source dans la contribution pour recueillir les éléments avec un attribut (id, name,...) à partir d'un RegExp, très utiles pour les éléments créés dynamiquement:
http://www.developpez.net/forums/d75...filtre-regexp/

Citation:

---

Envoyé par andry.aime

Tu peux expliquer un peu?

---

alors en fait quand je n'ajoute aucun élément il ne me prévien pas que le champs est vide.

par contre quand j'ajoute des éléments (à partir de 3) il me signale que certains champs sont vide.

je vai lire le code merci

Citation:

---

alors en fait quand je n'ajoute aucun élément il ne me prévien pas que le champs est vide

---

C'est normale, les éléments testés dans la boucle n'existe pas.