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+

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

alert

JavaScript

Vue hybride

Discussions similaires

Partager

Partager