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 :

Comportement curieux d'un bouton


Sujet :

HTML

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    175
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 175
    Points : 76
    Points
    76
    Par défaut Comportement curieux d'un bouton
    Bonjour,

    Je pense que le problème est tout bête mais je n'arrive pas à le solutionner. Ma page web contient un formulaire, avec un bouton qui n'est pas de type submit, qui lance une fonction javascript. Qui elle même ne contient pas de commande de soumission du formulaire or les données sont bien envoyées au script php qui s'exécute normalement. Je ne comprend pas le comportement de ce bouton...

    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
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
      <link rel="stylesheet" type="text/css" href="styles2.css" />
      <link type="text/css" href="css/humanity/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
      <style type="text/css">
            @import "http://o.aolcdn.com/dojo/1.0/dijit/themes/tundra/tundra.css";
            @import "http://o.aolcdn.com/dojo/1.0/dojo/resources/dojo.css"
        </style>
      <title>Le blog de Master Fry</title>
        
      <script language ="JavaScript" type = "text/javascript">
    		djConfig = {parseOnLoad : true};
      </script>
      <script language ="JavaScript" type = "text/javascript" src= "js/dojotoolkit/dojo/dojo.js"></script>
      
        <script language ="JavaScript" type="text/javascript" src="js/scriptaculous/lib/prototype.js"></script>
        
      <script language ="JavaScript" type="text/javascript" src="js/scriptaculous/src/scriptaculous.js?load=effects" ></script>
      <!--<script type="text/javascript" src="js/Jquery/jquery-1.3.2.min.js"></script> -->
      <!--<script type="text/javascript" src="js/Jquery/jquery-ui-1.7.2.custom.min.js"></script> -->
     <script language ="JavaScript" type="text/javascript">
    function verif_envoi(){
    	if (document.getElementById('nom').value == ""){
    	  var pass = false;
    	  alert ("Le nom ne doit pas être vide");
    	}
    	if (document.getElementById('commentaire').value == ""){
    	  var pass = false;
    	  alert ("Veuillez laisser un commentaire");
    	}
    	var maReg = new RegExp ( "^\\w[\\w+\.\-]*@[\\w\-]+\.\\w[\\w+\.\-]*\\w$", "gi" );
    
    	if (document.getElementById('email').value.search(maReg)){
    	  var pass = true;
    	  alert("l'adresse mail est valide")
    	}	
    	else
    	{
    	  alert ("Votre adresse mail n'est pas valide");
    	}
    	//Nous envoyons le formulaire si nous avons tout vérifié
    	if (pass == true){
    	  alert ("le formulaire est envoyé");
    	}
    	}
    </script>
    </head>
    <body>
    <div class="banniere_fond">
    </div>
    <div class="background">
    <div class="page">
    <div class="bandeau"><a name="debut"><IMG SRC="image/fry_banner_renforce.png" width="800" height="200" alt="bannière blog de fry"></a></div>
    <div class="bandeau_droite" id="bandeau_droite"><center><a href="http://www.blogger.com/profile/08819848764928855773"><IMG class="image_banniere_droite"  SRC="image/qui_suis-je.png" width="250" height="70" alt="Qui suis-je?"><IMG class="image_banniere_droite"  SRC="image/fry.png" width= "350" alt="autoportrait de fry?"></a>
    </br></br></br></br><IMG class="image_banniere_droite"  SRC="image/archives.png" width="200" height="70" alt="Archives"></br></br></br></br></br></br></br></br><IMG class="image_banniere_droite"  SRC="image/Liens.png" width="170" height="70 alt="Qui suis-je?">
    </center></div>
    <div class="contenu" id="contenu"></div>
    <div class="pied_page" id="pied_page"><span class="page_pied">Page :</span></div>
    <div><a href="#debut"><IMG class="image_banniere_droite"  SRC="image/haut_de_page.png" width="800" height="50" alt="Archives"></a></div>
    </div>
    
    </div>
    <!--<button dojoType="dijit.form.Button" onclick="dijit.byId('dialog').show()">Show Dialog</button>-->
    
    <div  class="tundra" dojoType="dijit.Dialog" id="dialog" title="Master Fry vous &#233;coute..."  style="width:400px; height:240px; overflow:auto; background-color: white; border: 1px solid grey;">
      <form method="POST" action="../cgi-bin/insert_message.php">
      <table>
        <tr>
          <td><label for="nom">Nom: </label></td>
          <td><input type="text" name="nom" id="nom"></td>
      </tr>
    <tr>
          <td><label for="Email">Email: </label></td>
          <td><input type="text" name="email" id="email"></td>
    </tr>
        </tr>
        <tr>
          <td><label for="site_web">Site web: </label></td>
          <td><input type="text" name="site_web" id="site_web"></td>
        </tr>
        <tr>
          <td><label for="Commentaire">Commentaire: </label></td>
          <td><textarea cols="27" rows="4" type="text" name="commentaire" id="commentaire"></textarea></td>
        </tr>
     <tr>
          <td><input type="text" name="id" id="id" style="visibility: hidden;"></td>
        </tr>
        <tr>
          <td colspan="2" align="center">
            <center><button onclick="verif_envoi()">Envoyer</button></center></td>
        </tr>
      </table>
      </form>
    </div>
    </body>
    </html>

    Si quelqu'un peut m'éclairer, merci

  2. #2
    Membre habitué Avatar de xess91
    Homme Profil pro
    Inscrit en
    Octobre 2008
    Messages
    408
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Octobre 2008
    Messages : 408
    Points : 193
    Points
    193
    Par défaut
    C'est difficile a dire car c'est le fouilli dans ton script mais à première vue normalement le forumaile ne doit pas être envoyé.

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Selon le W3C, le type par défaut d'une balise <button> est submit, d'où l'envoi du formulaire

    PS : Il y a encore un ou deux frameworks que tu peux charger
    Tu devrais revoir un peu la conception et opter pour un seul et unique framework, ça allègera ta page

  4. #4
    Membre régulier
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    175
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 175
    Points : 76
    Points
    76
    Par défaut
    Oui, je suis un peu parti dans tous les sens...

    Merci Bovino, je comprends mieux l'envoi du formulaire avec la balise button. Je vais le remplacer par un <input type="button">.
    merci pour vos réponses

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Une balise <button> peut avoir un type
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <button type="button">Mon bouton</button>

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

Discussions similaires

  1. comportement bizzar de mes boutons flash
    Par new-dmx dans le forum Dreamweaver
    Réponses: 10
    Dernier message: 06/12/2007, 11h29
  2. [Cookies] Mes cookies ont un comportement curieux
    Par Jinx_ dans le forum Langage
    Réponses: 2
    Dernier message: 16/03/2007, 17h11
  3. [Rewrite .htaccess] Comportement curieux aussi
    Par Bensor dans le forum Apache
    Réponses: 2
    Dernier message: 23/12/2006, 14h22
  4. comportement curieux font-bold sous ffx ?
    Par SpaceFrog dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 22/06/2006, 12h51
  5. Comportement différent entre un bouton et une image
    Par MicheMTP13 dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 07/11/2005, 09h47

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