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

jQuery Discussion :

Recupération de données formulaire jQuery


Sujet :

jQuery

  1. #1
    Nouveau Candidat au Club
    Profil pro
    Responble développement business
    Inscrit en
    Juin 2009
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Responble développement business
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2009
    Messages : 7
    Points : 0
    Points
    0
    Par défaut Recupération de données formulaire jQuery
    Bonjour,

    je débute en JS et j'aurai besoin de vos lumières en la matière.
    Je dois, tout bêtement récupérer les données d'un formulaire.
    Plusieurs formulaire sont générés via php et portent le même id (#form):

    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
    24
    25
    26
    27
    28
    29
    30
    31
     
    <div id="content">
     
    	<ul id="mobile">
    		<li>
    			<form method="get" action="index.php" id="form">
    				<input type="hidden" value="product" name="mdl"/>
    				<input type="hidden" value="00:1E:45:E5:48:7A" name="address"/>
    				<input type="hidden" value="6" name="obxChannel"/>
    				<input type="hidden" value="5" name="idContent"/>
    				<input type="hidden" value="W910i" name="name"/>
    				<input type="hidden" value="command" name="action"/>
    				<input type="submit" id="submit-btn" value="W910i"/>
    			</form>
    		</li>
     
     
    		<li>
    			<form method="get" action="index.php" id="form">
    				<input type="hidden" value="product" name="mdl"/>
    				<input type="hidden" value="00:16:B8:1B:A9:CA" name="address"/>
    				<input type="hidden" value="6" name="obxChannel"/>
    				<input type="hidden" value="5" name="idContent"/>
    				<input type="hidden" value="Nexence 2" name="name"/>
    				<input type="hidden" value="command" name="action"/>
    				<input type="submit" id="submit-btn" value="Nexence 2"/>
    			</form>
    		</li>
     
    	</ul>
    </div>
    J'essaie de récupérer les valeurs du formulaire validé et de les afficher mais sans succès jusqu'à présent.
    Quelqu'un pourrait-il me venir en aide?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    $(document).ready(function() {  
     
    	$("#form").submit(function(e){
    		//Récupération des valeurs du formulaires
    		var address = $(this).parent().find("input[@name=address]").val();			
    		var obxChannel = $(this).parent().find("input[@name=obxChannel]").val();
    		alert('test'+address+obxChannel);
    	});
     
    });
    complément:
    framework utilisé (jquery, smarty)

    Merci d'avance.
    Damien

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par kingd6 Voir le message
    Plusieurs formulaire sont générés via php et portent le même id (#form)
    Un id DOIT être unique dans la page !

  3. #3
    Nouveau Candidat au Club
    Profil pro
    Responble développement business
    Inscrit en
    Juin 2009
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Responble développement business
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2009
    Messages : 7
    Points : 0
    Points
    0
    Par défaut
    Mettons que les IDs soient tous différents. Comment faire pour détecter lequel est soumis et récupérer les bonnes données?

  4. #4
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    144
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 144
    Points : 53
    Points
    53
    Par défaut
    A mon avis, on parle php.

    Il te suffit de recuperer la valeur de tes champs.

    Form 1 -> input 1
    Form 2 -> input 2 etc ...

    par ex, si input 2 est rempli, tu sais que ton form est posté

    Un champ hidden serait meme surement mieux,

    A+

Discussions similaires

  1. Recupération de données d'un formulaire
    Par Prince Mch dans le forum Langage
    Réponses: 1
    Dernier message: 16/01/2008, 15h03
  2. [JQuery] recupération de données dynamiques
    Par jerome600 dans le forum jQuery
    Réponses: 6
    Dernier message: 05/11/2007, 17h06
  3. recupération de donnée d'un formulaire
    Par jsdar dans le forum Langage
    Réponses: 3
    Dernier message: 17/04/2007, 02h38
  4. recupération donneés formulaire
    Par WEBANNONCE dans le forum Flash
    Réponses: 9
    Dernier message: 20/12/2006, 16h18
  5. [MySQL] Recupération de données facultatives d'un formulaire
    Par EvilAngel dans le forum PHP & Base de données
    Réponses: 5
    Dernier message: 18/09/2006, 20h04

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