Javascript_verifier_mot_de_passe
Résolu/Fermé
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
-
18 oct. 2009 à 17:41
zemzoum89 Messages postés 543 Date d'inscription mercredi 3 décembre 2008 Statut Membre Dernière intervention 11 novembre 2012 - 27 oct. 2009 à 01:11
zemzoum89 Messages postés 543 Date d'inscription mercredi 3 décembre 2008 Statut Membre Dernière intervention 11 novembre 2012 - 27 oct. 2009 à 01:11
19 réponses
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
18 oct. 2009 à 18:18
18 oct. 2009 à 18:18
Tu dois déjà préparer un emplacement : ajoute des span où tu souhaites voir le message et cache-le.
Exemple :
Ensuite, voilà comment l'afficher :
N'oublie pas de masquer tous les span au début de la fonction qui vérifie les champs (ainsi : .style.display = "none";)
Exemple :
<input type="password" name="password2" id="password2" /><br/> <span id="password2_message" style="display:none;">Les deux mots de passe ne correspondent pas !</span>
Ensuite, voilà comment l'afficher :
document.getElementById('password2_message').style.display = "inline";
N'oublie pas de masquer tous les span au début de la fonction qui vérifie les champs (ainsi : .style.display = "none";)
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
56
18 oct. 2009 à 21:42
18 oct. 2009 à 21:42
okk merci bcp pr votre aide
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
56
19 oct. 2009 à 00:39
19 oct. 2009 à 00:39
et sa set a quoi la balise "span" et quesque sa veut dire lorsque on met style et tout le reste
merci de bien m'expliquer s'il vous plait
merci de bien m'expliquer s'il vous plait
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
19 oct. 2009 à 06:45
19 oct. 2009 à 06:45
span est juste une balise qui permet de mettre du texte dedans. On s'en sert généralement avec le CSS mais on peut aussi s'en servir avec du Javascript.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
56
20 oct. 2009 à 22:05
20 oct. 2009 à 22:05
a ok merci bcp pr votre aide
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
56
25 oct. 2009 à 16:44
25 oct. 2009 à 16:44
Bonjour
<html><head>
<script type="text/javascript">
function Swap( p){
document.getElementById('p').style.display = "inline";
}
</script>
</head>
<body>
<input type="text" name="ps" onblur="Swap(x)">
<div id="x" style="display:none; padding-left:10px;">
Ceci est le Texte de la Rubrique 1<br>
</div><br>
<input type="text" name="pd">
</body>
</html>
voila j'ai essayé de tester de morceau de code sa marche pas si vs pouvez m'aider..
<html><head>
<script type="text/javascript">
function Swap( p){
document.getElementById('p').style.display = "inline";
}
</script>
</head>
<body>
<input type="text" name="ps" onblur="Swap(x)">
<div id="x" style="display:none; padding-left:10px;">
Ceci est le Texte de la Rubrique 1<br>
</div><br>
<input type="text" name="pd">
</body>
</html>
voila j'ai essayé de tester de morceau de code sa marche pas si vs pouvez m'aider..
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
25 oct. 2009 à 17:06
25 oct. 2009 à 17:06
1. C'est <br/> et pas <br>
2. Je vois nulle part un élément ayant "p" comme id.
3. <input type="text" name="ps" onblur="Swap(x)"> : C'est /> à la fin et x n'est pas une variable, elle doit donc être mise entre " et " ou ' et '.
Essaye avec ça :
2. Je vois nulle part un élément ayant "p" comme id.
3. <input type="text" name="ps" onblur="Swap(x)"> : C'est /> à la fin et x n'est pas une variable, elle doit donc être mise entre " et " ou ' et '.
Essaye avec ça :
<html> <head> <script type="text/javascript"> function Swap(p){ document.getElementById(p).style.display = "inline"; } </script> </head> <body> <input type="text" name="ps" onblur="Swap('x')" /><br/> <span id="x" style="display:none; padding-left:10px;">Ceci est le Texte de la Rubrique 1<br/></span> <input type="text" name="pd" /> </body> </html>
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
56
25 oct. 2009 à 18:08
25 oct. 2009 à 18:08
ahh d'accord donc lorsque x n'est pas une variable c'est a dire un element du formulaire? on la met entre ""??
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
56
25 oct. 2009 à 18:16
25 oct. 2009 à 18:16
autre chose aussi,
si par exemple j'ai plusieurs span a afficher et qui sont relié a une seul zone de texte du formulaire
est ce que je dois taper tout les span
ou bien ya une astuce de mettre qu'un seul span et d'afficher un contenue selon le cas qui a été choisi par exemple:
<input type="text" name="z" value="" onblur="verifie(z,span)">
mnt sois cette zone de texte ne contient rien sois elle contient un truc et je veux que ce truc dépasse ces 5 caractère et si il ne le dépasse pas ben y aura un texte qui s'affichera
donc nous avons 2 span:
sois "la zone est vide"
sois "vous vous êtes trompé sa doit dépasser 5caractére"
est ce que je suis obligé de taper ces 2span?
pardon d'abuser de votre temps et encore merci
si par exemple j'ai plusieurs span a afficher et qui sont relié a une seul zone de texte du formulaire
est ce que je dois taper tout les span
ou bien ya une astuce de mettre qu'un seul span et d'afficher un contenue selon le cas qui a été choisi par exemple:
<input type="text" name="z" value="" onblur="verifie(z,span)">
mnt sois cette zone de texte ne contient rien sois elle contient un truc et je veux que ce truc dépasse ces 5 caractère et si il ne le dépasse pas ben y aura un texte qui s'affichera
donc nous avons 2 span:
sois "la zone est vide"
sois "vous vous êtes trompé sa doit dépasser 5caractére"
est ce que je suis obligé de taper ces 2span?
pardon d'abuser de votre temps et encore merci
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
25 oct. 2009 à 18:26
25 oct. 2009 à 18:26
Si tu veux que le message s'affiche près du champ concerné, tu dois mettre un span près de chaque champs (je te conseil de mettre comme id le nom du champ qu'il accompage + "_alert".). Sinon, tu mets mettre un seul span et modifier son contenu avec innerHTML (cf. Google).
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
56
25 oct. 2009 à 19:03
25 oct. 2009 à 19:03
justement c'est sa que je cherche comment je modifie son contenu tu peux si sa te dérange pas me l'illustrer avec un exemple?
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
25 oct. 2009 à 19:59
25 oct. 2009 à 19:59
<form method="post" action=""> <p> <label for="login">Login: </label> <input type="text" name="login" id="login" /> </p> <p> <label for="password">Password: </label> <input type="password" name="password" id="password" /> </p> <p> <input type="submit" value="connexion" /><br/> <span id="connexion_alert"></span> </p> </form>
Et entre <head> et </head> :
<script type="text/javascript"><!-- window.onload = function() { document.forms[0].onsubmit = function() { var login = this.elements[0].value.replace(/^\s+/g,'').replace(/\s+$/g,''); var password = this.elements[1].value.replace(/^\s+/g,'').replace(/\s+$/g,''); var boxalert = document.getElementById('connexion_alert'); if(login == "") { boxalert.innerHTML = 'Invalid login !'; return false; } else if(password == "") { boxalert.innerHTML = 'Invalid password !'; return false; } else { return true; } }; }; // --></script>
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
56
25 oct. 2009 à 20:12
25 oct. 2009 à 20:12
okk c'est bon merci bcp pour votre aidee
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
56
25 oct. 2009 à 20:16
25 oct. 2009 à 20:16
j'ai pas compris cette parti ce quelle veut dire:
window.onload = function() {
document.forms[0].onsubmit = function() ?????? mais sa doit être parce que je ne pratique pas trop ac le JS
mais j'ai compris le principe
merci encore
window.onload = function() {
document.forms[0].onsubmit = function() ?????? mais sa doit être parce que je ne pratique pas trop ac le JS
mais j'ai compris le principe
merci encore
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
25 oct. 2009 à 20:49
25 oct. 2009 à 20:49
C'est une manière de coder en Javascript (POO).
Je préfère utiliser cette méthode parce que ça éviter d'avoir plein de onload, onmousover, etc. sur des éléments.
D'abord, window.onload = function() { parce quil faut attendre que la page soit chargée avant d'accèder aux éléments
document.forms[0].onsubmit = function() { ... }; : Entre les accolades, tout ce que ferais la fonction que l'on appellerait "traditionnellement" avec onsubmit="return fonction();" sur <form>
Je préfère utiliser cette méthode parce que ça éviter d'avoir plein de onload, onmousover, etc. sur des éléments.
D'abord, window.onload = function() { parce quil faut attendre que la page soit chargée avant d'accèder aux éléments
document.forms[0].onsubmit = function() { ... }; : Entre les accolades, tout ce que ferais la fonction que l'on appellerait "traditionnellement" avec onsubmit="return fonction();" sur <form>
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
56
25 oct. 2009 à 20:54
25 oct. 2009 à 20:54
donc c'est une façon optimiser c'est tout? au lieu de mettre onsubmit sur le form on met :
document.forms[0] qui prend le formulaire aprés on tape ".submit" pr dire lorsque on le valide on exécute cette fonction
c'est sa j'ai bien piger?
document.forms[0] qui prend le formulaire aprés on tape ".submit" pr dire lorsque on le valide on exécute cette fonction
c'est sa j'ai bien piger?
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 505
25 oct. 2009 à 20:59
25 oct. 2009 à 20:59
En gros :
Un autre exemple :
element.event = function() { ... }Où element peut être document.forms[0] et event onsubmit.
Un autre exemple :
window.onload = function() { var image_rollover = document.getElementById('image-rollover'); image_rollover.onmouseover = function() { this.src = 'image2.png'; } image_rollover.onmouseout = function() { this.src = 'image_initiale.png'; } };
rwikus
Messages postés
871
Date d'inscription
lundi 29 décembre 2008
Statut
Membre
Dernière intervention
18 mai 2012
56
25 oct. 2009 à 21:19
25 oct. 2009 à 21:19
ouais c'est bon mercii encore
zemzoum89
Messages postés
543
Date d'inscription
mercredi 3 décembre 2008
Statut
Membre
Dernière intervention
11 novembre 2012
18
27 oct. 2009 à 01:11
27 oct. 2009 à 01:11
ça m'aidera ça dans mes prochaines démarches je vous remercie....