alert

Version imprimable

alert

Voila mon soucis, j'ai une fonction qui affiche un message d'alert si l'utilisateur n'entre pas un login. J'ai donc utiliser la meme fonction si l'tulisateur n'entrait pas de mot de passe mais le message d'alert n'apparait pas. Voila mes codes :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
  <title>Formulaire d'inscription</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" href="formulaire.css"  type="text/css" />
  <script src="formulaire.js" type="text/javascript" charset=utf-8></script>
 
 
</head> 
<body onload="pratique_update()">
<h1>Les données à remplir sont les suivantes : </h1>
<form action="formulaire.php" enctype="multipart/form-data" method="post" onsubmit="return valide_formulaire();">
 <p>
    <label for="login">Choisissez un login : </label>
    <input type="text" name="login" id="login" maxlength="20" />
  </p>
  <p>
    <label id="pwd">Choisissez votre mot de passe : </label>
    <input type="password" name="pwd" id="pwd"/>
  </p>

Voila le JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function valide_formulaire(){
    if(document.getElementById('login').value == ""){
        alert ('Vous avez oublié de saisir un login!!!!');
        return false;
    }
return true;
} 
 
 
function valide_formulaire(){
    if(document.getElementById('pwd').value == ""){
        alert ('Vous avez oublié de saisir un mot de passe!!!!');
        return false;
    }
return true;
}

Je ne sais pas si c'est possible d'appeler deux fois la meme fonction..

03/01/2008, 16h27
E.Bzz

Bonjour,

Citation:

Envoyé par kev484

Je ne sais pas si c'est possible d'appeler deux fois la meme fonction..

Faire appel 2 fois à une même fonction oui (heureusement), mais donner le même nom à 2 fonctions, non !
Donne des noms plus précis (valide_user() et valide_pwd() par exemple)

A+

Meme en modifiant :

Code:

<form action="formulaire.php" enctype="multipart/form-data" method="post" onsubmit="return valide_user();" onsubmit="return valide_mdp();" >

JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function valide_user(){
    if(document.getElementById('login').value == ""){
        alert ('Vous avez oublié de saisir un login!!!!');
        return false;
    }
return true;
} 
 
 
function valide_mdp(){
    if(document.getElementById('pwd').value == ""){
        alert ('Vous avez oublié de saisir un mot de passe!!!!');
        return false;
    }
return true;
}

Cela ne fonctionne toujours pas

03/01/2008, 16h44
E.Bzz

Un seul onsubmit par <form>.
Si tu dois les lancer à la suite, fais une seule fonction au lieu de 2 ...

A+

Tu te compliques l'existence : pourquoi passer par 2 fonctions ? Mets tout dans une seule !

Code:

<form action="formulaire.php" enctype="multipart/form-data" method="post" onsubmit="return valide_formulaire();">
Code:

1 2 3 4 5 6 7 8 9 10 11 function valide_formulaire() { if(document.getElementById('login').value == "") { alert ('Vous avez oublié de saisir un login!!!!'); return false; } if(document.getElementById('pwd').value == "") { alert ('Vous avez oublié de saisir un mot de passe!!!!'); return false; } return true; }
De toute façon, tu ne peux pas spécifier 2 attributs onsubmit.

Je ne comprends pas, j'ai fais comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
function valide_formulaire{
    if(document.getElementById('login').value == "") {
        alert ('Vous avez oublié de saisir un login!!!!');
        return false;
    }
    if(document.getElementById('pwd').value == "") {
        alert ('Vous avez oublié de saisir un mot de passe!!!!');
        return false;
    }
return true;
}

L'alert du pwd ne s'affiche pas..

03/01/2008, 16h54
_Mac_

Ca s'affiche pour le login ?

C'est peut-être une faute de recopie mais tu as oublié les () après la définition de ta fonction valide_formulaire :

Code:

function valide_formulaire(){
03/01/2008, 16h54
E.Bzz

Citation:

Envoyé par kev484

L'alert du pwd ne s'affiche pas..

En ayant saisi le login ?

Bonjour,

Et comme ça ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function valide_formulaire{
    if(document.getElementById('login').value == "") {
        alert ('Vous avez oublié de saisir un login!!!!');
        return false;
    }
    else if(document.getElementById('pwd').value == "") {
        alert ('Vous avez oublié de saisir un mot de passe!!!!');
        return false;
    }
return true;
}

03/01/2008, 16h56
_Mac_

Citation:

Envoyé par E.Bzz

En ayant saisi le login ?

Oui, effectivement : vu que tu fais un return juste après l'alert sur le login, tu ne peux avoir les 2 alerts qui s'affichent l'une après l'autre : avec ton code, c'est soit l'alert du login, soit l'alert du mot de passe.
03/01/2008, 17h12
jln13

Aya...

le probleme est que tu as un label avec le meme id que ton champ mot de passe donc le test renvioe toujours true pour le mot de passe...

Citation:

<label id="pwd">Choisissez votre mot de passe : </label>
<input type="password" name="pwd" id="pwd"/>
03/01/2008, 17h18
kev484

Merci pour les conseils maintenant le message alert pour le pwd s'affiche du au label id en label for.
Merci
03/01/2008, 17h34
E.Bzz

Citation:

Envoyé par jln13

le probleme est que tu as un label avec le meme id que ton champ mot de passe donc le test renvioe toujours true pour le mot de passe...

Bien vu :ccool:

Une petite précision sur les conséquences :
ce n'est pas que le test renvoie toujours true : en cas d'ID dupliqué il s'agit d'un plantage pur et simple du code JS :mrgreen:

A+
03/01/2008, 17h40
_Mac_

Et pour accéder à un champ de formulaire, on peut aussi conseiller de passer par document.forms["nom_formulaire"].elements["nom_champ"].value plutôt que document.getElementById("...").value : ça marche à tous les coups.