Titre: Jquery: navigation dans formulaire
Posté par: accentcom le le 26-10-2012 a 14:30:50
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 |
Titre: Re:Jquery: navigation dans formulaire
Posté par: Bluely le le 30-10-2012 a 11:48:31
Tu peux essayer pour le formulaire1
$("#formulaire1 #login")
ou encore
$("#formulaire1").find("#login")
Même principe pour le formulaire 2 |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|