alert

**kev484** · 03/01/2008, 16h24

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 :

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
<!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 :

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
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..

**E.Bzz** · 03/01/2008, 16h27

Bonjour,

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+

**kev484** · 03/01/2008, 16h31

Meme en modifiant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

JS :

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
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

**E.Bzz** · 03/01/2008, 16h44

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

A+

**_Mac_** · 03/01/2008, 16h47

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**kev484** · 03/01/2008, 16h48

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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..

**_Mac_** · 03/01/2008, 16h54

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

function valide_formulaire(){

**E.Bzz** · 03/01/2008, 16h54

Envoyé par kev484

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

En ayant saisi le login ?

**pc75** · 03/01/2008, 16h56

Bonjour,

Et comme ça ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

**_Mac_** · 03/01/2008, 16h56

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.

**jln13** · 03/01/2008, 17h12

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...

<label id="pwd">Choisissez votre mot de passe : </label>
<input type="password" name="pwd" id="pwd"/>

**kev484** · 03/01/2008, 17h18

Merci pour les conseils maintenant le message alert pour le pwd s'affiche du au label id en label for.
Merci

**E.Bzz** · 03/01/2008, 17h34

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

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

A+

**_Mac_** · 03/01/2008, 17h40

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.

alert

JavaScript

Discussions similaires

Partager

Partager