IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

question de débutant : messages dans formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    729
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 729
    Par défaut question de débutant : messages dans formulaire
    Bonjour,
    j'ai un formulaire avec 2 champs à remplir. Dans le onsubmit de mon élément formulaire, je rend visible 2 messages d'erreur quand les champs sont vides et je renvoie false : du coup aucune action n'est engagée.
    Quand je valide mon formulaires, mes 2 messages d'erreur apparaissent, puis disparaissent. C'est à dire que "display:none" semble se réinitialiser après que le browser ait éxécuté le "onsubmit".
    Je ne comprends pas pourquoi mes messages disparaissent. A priori une fois que l'action javascript soit éxécuté, il ne devrait rien se passer. Pouvez-vous m'aider ? Merci

    Mon formulaire :
    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
    23
    24
    25
    26
     
    <form onsubmit="checkUserNameAndPassword();" method="post" action="${path}/createMessageForum">
                <fieldset class="fieldset">
                <legend>S identifier</legend>
                <table cellspacing="3" cellpadding="0" border="0" align="center">
                      <tbody>
                           <tr>
                              <td>
                                  Identifiant:
                                  <br/>
                                  <input class="bginput" type="text" tabindex="1" accesskey="u" size="50" id="userName" name="userName"/>
                                  <span id="userName_errorMessage"   style="color:red;display:none;">Le champ identifiant est vide</span>
                              </td>
                           </tr>
                           <tr>
                               <td>
                                    Mot de passe:
                                    <br/>
                                    <input class="bginput" type="password" tabindex="1" size="50" id="password" name="password"/>
                                     <span id="password_errorMessage"   style="color:red;display:none;">Le champ mot de passe est vide</span>
                                </td>
                              </tr>
                           </tbody>
                        </table>
                    </fieldset>
    </form>
    Ma fonction javascript :
    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
     
    function checkUserNameAndPassword() {
    	var result = true;
    	var userName = document.getElementById('userName').value;
    	var password = document.getElementById('password').value;
     
    	if (userName=='') {
    		document.getElementById('userName_errorMessage').style.display= 'block';
    		result= false;
    	} else {
    		document.getElementById('userName_errorMessage').style.display= 'none';
    	}
    	if (password=='') {
    		document.getElementById('password_errorMessage').style.display= 'block';
    		result= false;
    	} else {
    		document.getElementById('password_errorMessage').style.display= 'none';
    	}
    	return result;
    }

  2. #2
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut
    Salut,

    La fonction associée au onsubmit doit renvoyer true/false:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <form onsubmit="return checkUserNameAndPassword();"
    ERE

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    729
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 729
    Par défaut
    Merci emmanuel, je suis confus, c'était vraiment une bétise et j'avais raison de dire que c'était une question de débutant.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [C#][Débutant] 4 questions pour supprimer ligne dans datagriview
    Par Cazaux-Moutou-Philippe dans le forum Windows Forms
    Réponses: 6
    Dernier message: 03/05/2006, 23h42
  2. Débutant-Insertion dans table valeurs saisies sur formulaire
    Par Michel Hubert dans le forum Access
    Réponses: 2
    Dernier message: 14/04/2006, 19h38
  3. débutant-Insertion dans table valeurs saisies sur formulaire
    Par Michel Hubert dans le forum Access
    Réponses: 2
    Dernier message: 13/04/2006, 09h07
  4. Création de son propre message dans un formulaire
    Par androme dans le forum C++Builder
    Réponses: 17
    Dernier message: 06/02/2005, 23h13

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo