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

HTML Discussion :

valider formulaire avec la touche 'entrer'


Sujet :

HTML

  1. #1
    Membre régulier
    Inscrit en
    Janvier 2004
    Messages
    242
    Détails du profil
    Informations forums :
    Inscription : Janvier 2004
    Messages : 242
    Points : 84
    Points
    84
    Par défaut valider formulaire avec la touche 'entrer'
    Bonjour,

    je voudrais valider mon formulaire lorsque l'utilisateur fait 'entrée' au clavier.J'ai bien mis le focus sur le bouton 'enregistrer' mais ca ne marche pas, enfin ca m'affiche quand meme le message "lVous devez remplir tous les champs !" si je ne selectionne pas une agence,en revanche lorsque je selectionne une agence et que le mot de passe est vide,il ne me met pas le message d'erreur..

    voici mon code

    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
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="design_principal.css" rel="stylesheet" media="screen" type="text/css" title="site"/>
    <title>Application intranet - index</title>
    <script type="text/javascript">
            /**
             * Permet d'envoyer des données en GET ou POST en utilisant les XmlHttpRequest
             */
            function sendData(param, page)
            {
                    if(document.all)
                    {
                            //Internet Explorer
                            var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
                    }//fin if
                    else
                    {
                        //Mozilla
                            var XhrObj = new XMLHttpRequest();
                    }//fin else
     
                    //définition de l'endroit d'affichage:
                    var content = document.getElementById("contenu");
                    
                    XhrObj.open("POST", page);
     
                    //Ok pour la page cible
                    XhrObj.onreadystatechange = function()
                    {
                            if (XhrObj.readyState == 4 && XhrObj.status == 200)
                                    content.innerHTML = XhrObj.responseText ;
                    }
     
                    XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                    XhrObj.send(param);
            }//fin fonction SendData
     
    </script>
    </head>
    <body onload="document.form.enregistrer.focus()">
    <?php
    //connexion à la base de donnée
    mysql_connect("localhost", "root","phpadmin");
    mysql_select_db("appli_intranet");
    ?>
    <div id="corps">
    <fieldset>
    <legend>Connexion</legend>
    <form action="index.php" method="post"name="form">
    <div class="row">
    <label>Agence : </label>
    <select name="agence">
    <option value="rien">--- Choisissez une agence ---</option>
    <?php
     
            
    //on récupere les agences
    $retour=mysql_query('Select num_agence,nom_agence from agence');
    while($donnees=mysql_fetch_array($retour)){
    ?>
    <option value="<?php echo $donnees['num_agence'];?>"><?php echo $donnees['nom_agence'];?></option>
    <?php
    }//while
     
    ?>
    </select>
    </div>
    	<?php
            $i=0; // variable de test
            $j='alliou'; // variable pour garder la valeur du premier enregistrement catégorie pour l'affichage
        
       // Séléction de tous les enregistrements de la table Catégorie
       $rq="Select nom from utilisateur";
       $result= mysql_query ("Select nom from utilisateur") or die ("Select impossible");
       ?>  
       <div class="row">
       <label>Nom: </label>
       <select name="nom" OnChange="sendData('id='+this.value,'liresc.php')" onKeyUp="sendData('id='+this.value,'liresc.php')">
     
    <?php     
       while ($dt=mysql_fetch_array($result))
       {
        //Remplir la liste déroulante des catégorie       
            echo "<option value=".($dt['nom']).">".($dt['nom'])."</option>";
        if ($i==0) { $j=$dt['nom']; $i=1; } // garder la valeur du premier enregistrement
       }
        
       ?>    
       </select>
       </div>
       <div id="contenu">
       <div class="row">
       <label>Prenom : </label>
     <?php  
      // affichage des sous-catégorie appartenant à la première catégorie.
            ?>
    	<select name="prenom" style="width:172px">
    	<?php   
        $rq="Select prenom from utilisateur where nom=".$j." order by prenom;";
        $result= mysql_query ('Select prenom from utilisateur where nom="'.$j.'"');
        // $i = initialise le variable i
        $i=0;
        while ($dt=mysql_fetch_array($result))
        { 
             echo "<option value=".($dt['prenom']).">".($dt['prenom'])."</option><br>";
        }    
            echo "</select>";
       ?>   
       </div>
       </div>
    <div class="row">
    <label>Mot de passe : </label><input name="mot_de_passe" type="password">
    </div>
    <div class="row">
    <input name="enregistrer" type="submit" value="Valider" class="bouton" onmouseover="this.style.color='#a02f36'" onmouseout="this.style.color='#0d067f'">
    <input name="reset" type="reset" value="Réinitialiser" class="bouton" onmouseover="this.style.color='#a02f36'" onmouseout="this.style.color='#0d067f'" >
     
    </div>
    </form>
    </fieldset>
     
    <?php
    mysql_close();
    if(isset($_POST['enregistrer'])){
            //traitement du formulaire
            if($_POST['nom']!='' and $_POST['prenom']!='' and $_POST['mot_de_passe']!='' and $_POST['agence']!='rien'){
            //connexion à la base de donnée
            mysql_connect("localhost", "root","phpadmin");
            mysql_select_db("appli_intranet");
            $nom=$_POST['nom'];
            $prenom=$_POST['prenom'];
            $mot_de_passe=$_POST['mot_de_passe'];
            
            $retour=mysql_query('Select id_utilisateur from utilisateur where nom="'.$nom.'" and prenom="'.$prenom.'" and password="'.$mot_de_passe.'"');
            if($donnees=mysql_fetch_array($retour)){
            // utilisateur identifié,initialisation de la variable session et redirection vers la page de recherche de dossier
            $_SESSION['utilisateur']=$donnees['id_utilisateur'];
            ?>
    	<meta http-equiv="refresh" content="0;url=http://192.168.99.220/recherche_dossier.php?agence=<?php echo $_POST['agence'];?>">
     
    	<?php
            mysql_close();
            }
            else  {
            print '<script language="javascript">';
        print 'alert("Mot de passe incorrect !");';
        print '</script>' ;
            }
            }
            else {
            print '<script language="javascript">';
        print 'alert("Vous devez remplir tous les champs !");';
        print '</script>' ;
            }
    }
    ?>
    </div>
    </body>
    </html>
    Merci

  2. #2
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Février 2006
    Messages
    39
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 39
    Points : 25
    Points
    25
    Par défaut
    Salut,

    si tu n'as rien contre javascript avec l'evennement onSubmit ca doit le faire :

  3. #3
    Membre régulier
    Inscrit en
    Janvier 2004
    Messages
    242
    Détails du profil
    Informations forums :
    Inscription : Janvier 2004
    Messages : 242
    Points : 84
    Points
    84
    Par défaut
    dac je vais voir ca

    merci.

Discussions similaires

  1. Valider formulaire avec la touche entrée s'il y a plusieurs input
    Par francois134 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 06/08/2009, 11h19
  2. Réponses: 12
    Dernier message: 17/03/2009, 11h51
  3. [AJAX] Valider formulaire avec touche Entrer
    Par sff dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 30/09/2008, 13h36
  4. Valider un formulaire avec la touche entree
    Par djedie dans le forum ASP.NET
    Réponses: 5
    Dernier message: 29/03/2007, 10h38

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