Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2333 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  JAVASCRIPT > problème de vérification mail (formulaire)

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

JAVASCRIPT > problème de vérification mail (formulaire)

n°2231826
MisteR War​E
Allons plus loin =>
Posté le 25-06-2014 à 17:42:05  profilanswer
 

Bonjour,
 
j'ai un problème dans mon code Javascript : la vérification de mail ne se fait pas dans mon formulaire. J'ai beau taper un mail erroné (du genre contact@xavier) cela me le valide quand même.
Qu'est-ce qui cloche dans mon code?
 

Code :
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Formulaire de demande</title>
  6. <link rel="stylesheet" type="text/css" href="form.css" />
  7. <style type="text/css">
  8. </style>
  9. <script  type="text/javascript" language="javascript" src="jquery.js"></script>
  10. <script type="text/javascript">
  11. $(function() {
  12. $("#adress" ).hide();
  13. $("#envoyer" ).click(function(){
  14.  valid=true;
  15.  if($("#nom" ).val()=="" ){
  16.  $("#nom" ).css("background","#ffa3a3" );
  17.  $("#nom" ).next(".error-message" ).text("N'oubliez pas votre société!" );
  18.  valid=false;
  19.  }
  20.  else{
  21.   $("#nom" ).css("background","#beff89" );
  22.   $("#nom" ).next(".error-message" ).text("" );
  23.  }
  24.  if($("#email" ).val()=="" ){
  25.  $("#email" ).css("background","#ffa3a3" );
  26.  $("#email" ).next(".error-message" ).text("N'oubliez pas votre email!" );
  27.  valid=false;
  28.  }
  29.  
  30.  else{
  31.   if(!$("#email" ).val().match(/^[a-z0-9\-_.]+@[a-z0-9\-_.]+\.[a-z]{2,3}$/i)){
  32.   $("#email" ).css("background","#beff89" );
  33.   $("#email" ).next(".error-message" ).text("" );
  34.  }
  35.  else{
  36.  $("#email" ).css("background","#beff89" );
  37.  $("#email" ).next(".error-message" ).text("" );
  38.  }
  39. }
  40. if($("#message" ).val()=="" ){
  41.  $("#message" ).css("background","#ffa3a3" );
  42.  $("#message" ).next(".error-message" ).text("Veuillez saisir votre demande!" );
  43.  valid=false;
  44.  }
  45.  else{
  46.   $("#message" ).css("background","#beff89" );
  47.   $("#message" ).next(".error-message" ).text("" );}
  48.   return valid;
  49. });
  50. });
  51. </script>
  52. </head>
  53. <body>
  54. <div id="cadre">
  55. <h1>A votre écoute!</h1>
  56. <form method="post" action="index.php">
  57. <fieldset id="gauche">
  58.  <legend>Vos coordonnées</legend><br/>
  59. <label for="nom" class="txt-off">Entreprise :</label>
  60. <input type="text" autocomplete="off" name="nom" id="nom" placeholder="Nom de votre société" value=""/>
  61. <span class="error-message"></span>
  62. <br/>
  63. <label for="email" class="txt-off">E-mail :</label>
  64. <input type="text" autocomplete="off" name="email" id="email" placeholder="Votre email" value=""/>
  65. <span class="error-message"></span>
  66. <br/>
  67. <br/>
  68. <label for="choix" id="label-txt">Vous êtes intéressé par :</label>
  69. <select name="choix" id="box-choix">
  70. <option value="une demande d'affichage dynamique">Affichage dynamique</option>
  71.   <option value="une demande de vidéographie">Vidéographie</option>
  72.   <option value="une demande de print">Produit print</option>
  73.   <option value="une demande de produit web">Produit web</option>
  74.   </select>
  75.   </fieldset>
  76. <br/>
  77. <fieldset id="droit">
  78.  <legend>Votre message</legend><br/>
  79.         <label for="message"></label>
  80. <textarea name="message" id="message" value=""></textarea> <span class="error-message"></span>
  81. <br/>
  82. <input type="text" name="adress" id="adress"/>
  83. <br/>
  84. <input type="submit" value="Go!" id="envoyer"/>
  85. </fieldset>
  86. </form>
  87. </div>
  88. <footer>
  89. <div id="coordonne-bas"><div id="logo-contact"></div><div class="coordonees"><p><div class="gras">Xavier BLOIS - graphiste</div></p><p>basé sur Voiron</p><p>reivax38000@gmail.com</p><p>06 29 87 97 13</p></div></div>
  90. </footer>
  91. </body>
  92. </html>


 
 
Merci beaucoup pour votre aide :)


---------------
http://www.reivaxbook.fr
mood
Publicité
Posté le 25-06-2014 à 17:42:05  profilanswer
 

n°2231838
Soileh
Lurkeur professionnel
Posté le 25-06-2014 à 20:54:11  profilanswer
 

:hello: !
 
C'est à cause du type "submit" de ton bouton de validation que celui-ci envoie le formulaire [:cupra].
Pour améliorer cela, le type doit être de type "button" et non "submit" ;)
Enfin, au lieu de renvoyer un booléen, ta fonction devra envoyer le formulaire par la commande $("#id_formulaire" ).submit(); si la variable valid est à true.
 
:jap:


Message édité par Soileh le 25-06-2014 à 20:54:51

---------------
And in the end, the love you take is equal to the love you make

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  JAVASCRIPT > problème de vérification mail (formulaire)

 

Sujets relatifs
Donné select dans l'objet du mailPHP formulaire de contact
javascript, je n'arrive pas a faire fonctionner ma galerie d'imagesproblème installation compilateur FLEX sur AIX 7.1
Problème avec VBA, projet finance[OK] comment integrer lien dans slideshow javascript
Changer le contenu d'une balise HTML avec Javascriptproblème genérique en code VHDL
Probleme de InfoWindow sur des Marker Google MapsProblème bios FreeDOS
Plus de sujets relatifs à : JAVASCRIPT > problème de vérification mail (formulaire)


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR