IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

vérification champs dynamique js


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    330
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2009
    Messages : 330
    Par défaut 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 : 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
    <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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par knebhi Voir le message
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    document.formulaire.Responsable_corpus
    Utilise plutôt la syntaxe
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    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 javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    document.forms['formulaire'].elements['Responsable_corpus'+compteur]
    A+

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    330
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2009
    Messages : 330
    Par défaut
    voilà ce que j'ai fait

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  4. #4
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Salut,
    ç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/

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    330
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Février 2009
    Messages : 330
    Par défaut
    Citation Envoyé par andry.aime Voir le message

    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

  6. #6
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    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.

Discussions similaires

  1. Vérification de champs dynamiques de formulaire
    Par markouch dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 22/11/2007, 18h56
  2. vérification champ après champ d'un formulaire
    Par Francis_R dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 12/10/2005, 08h55
  3. [CR] Taille champ dynamique
    Par reflex dans le forum SAP Crystal Reports
    Réponses: 7
    Dernier message: 06/08/2004, 08h43
  4. [struts] probleme champs dynamiques
    Par rocco dans le forum Struts 1
    Réponses: 28
    Dernier message: 07/06/2004, 21h26
  5. ajouter un champ dynamiquement à une instance de table
    Par maniack dans le forum Bases de données
    Réponses: 2
    Dernier message: 28/02/2004, 23h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo