La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Jquery: navigation dans formulaire
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Jquery: navigation dans formulaire  (Lu 1832 fois)
Jquery: navigation dans formulaire
« sur: le 26-10-2012 a 14:30:50 »
accentcom
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 7





Voir le Profil    WWW    E-Mail
Répondre avec citation

Bonjour

Je débute en Jquery et j'aurais une question qui va sans doute vous paraître très simple mais où je coince actuellement.
En gros j'ai 2 pages PHP 'page1.php' et 'page2.php' avec dans chacune de ces pages un formulaire que nous appellerons monformulaire1 pour page1.php et monformulaire2 pour page2.php

//page1.php page d'inscription au site
<form id="monformulaire1" method="POST">
Pseudo:
<input name="login" id="login" type="text" />
<br><br>
Mot de passe:
<input name="mdp" id="mdp" type="password" />
<br><br>
Nom:
<input name="nom" id="nom" type="text" />
<br><br>
Prénom :
<input name="prenom1" id="prenom1" type="text" />
<br><br>
Mail :
<input name="mail" id="mail" type="text" />
<br><br>
<input type="submit" name="valid" value="M'inscrire" />
</form>

//page2.php page de connexion au site
<form id="monformulaire2" method="POST">
Pseudo:
<input name="login" id="login" type="text" />
<br><br>
Mot de passe:
<input name="mdp" id="mdp" type="password" />
<br><br>
<input type="submit" name="valid" value="Me Connecter" />
</form>

Mon problème est le suivant
J'ai un fichier moncodejquery.js commun à tout mes fichiers, dans lequel je vais tester ce que l'utilisateur rentre dans le champ "login" sauf que j'ai un champ "login" dans le formulaire1 et dans le formulaire2 et je ne souhaite pas réaliser le même test sur ce champ selon que l'on soit sur une page d'inscription ou une page de connexion au site.
Dans mon fichier moncodejquery.js j'ai quelque chose qui ressemble à ça

$(function(){         
   $("#login").keyup(function(){
     if(!$("#login").val().match(/^[a-z0-9]{6,}$/i))   {
              //pseudo invalide
          }
});

Le problème ici c'est que la vérification est aussi bien appliquée au champ 'login' de monformulaire1 que de monformulaire2.
Comment faire pour sélectionner spécifiquement le champ 'login' du monformulaire1? (un truc du style $('#monformulaire1').$("#login").keyup(function(){, mais je ne connais pas la syntaxe exacte)

Merci d'avance à tous pour vos futures réponses

Rapporter au modérateur  

Accentcom - agence de communication à Besançon- Création de sites internet
http://www.accentcom.fr
SIRET: 508 852 142 00027

Re:Jquery: navigation dans formulaire
« Répondre #1 sur: le 30-10-2012 a 11:48:31 »
Bluely
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 56





Voir le Profil
Répondre avec citation

Tu peux essayer pour le formulaire1
$("#formulaire1 #login")

ou encore
$("#formulaire1").find("#login")

Même principe pour le formulaire 2

« Dernière Édition: le 30-10-2012 a 11:50:56 par Bluely » Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg