JavaScript Pour adresse email

Bien le bonjour je voulais savoir ci quelqu'un pouvais m'aider pour que je verifie si c'est bien une adresse mail qu'on entre dans le formulaire

Trop compliqué.

xD

Je sais que ta réussi,tu peux me montrer le js que ta fais pour vérifier les mail stp?

oui avec plaisir

Code:

check['Mail'] = function()
      {
      var Mail = document.getElementById('Mail'),
         tooltipStyle = getTooltip(Mail).style,
         regex = /^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
      if (regex.test(Mail.value))
         {
         Mail.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Mail.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

en gros j'en et aussi dans ma page css et sur ma page php j'ai un apel a ma page .js

Mail c'est le nom d'un champ dans un formulaire?

Mail est le nom du champ dans un formulaire

ton formulaire contient quoi toi

ok ^^ , y a trop de truck xD j'ai 21 champ.

a ok ba peu te passer genre mon formulaire ce que j'ai rajouter dans mon css et .js pour que tu voie comment sa marche si tu veux?

j'suis chaud

code .JS:

Code:

(function()
   { // On utilise une IEF pour ne pas polluer l'espace global

      // Fonction de désactivation de l'affichage des « tooltips »
   function deactivateTooltips()
      {
      var spans = document.getElementsByTagName('span'),
      spansLength = spans.length;

      for (var i = 0 ; i < spansLength ; i++)
         {
         if (spans[i].className == 'tooltip')
            {
            spans[i].style.display = 'none';
            }
         }
      }

   // La fonction ci-dessous permet de récupérer la « tooltip » qui correspond à notre input

   function getTooltip(element)
      {
      while (element = element.nextSibling)
         {
         if (element.className === 'tooltip')
            {
            return element;
            }
         }
      return false;
      }

   // Fonctions de vérification du formulaire, elles renvoient « true » si tout est OK

   var check = {}; // On met toutes nos fonctions dans un objet littéral

   check['Nentreprise'] = function(id)
      {
      var Nentreprise = document.getElementById(id),
         tooltipStyle = getTooltip(Nentreprise).style;
      if (Nentreprise.value.length >= 2)
         {
         Nentreprise.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Nentreprise.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

   check['Siret'] = function()
      {
      var Siret = document.getElementById('Siret'),
         tooltipStyle = getTooltip(Siret).style,
         regex = /^[0-9]{14}$/;
      if (regex.test(Siret.value))
         {
         Siret.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Siret.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

   check['Adresse'] = function(id)
      {
      var Adresse = document.getElementById('Adresse'),
         tooltipStyle = getTooltip(Adresse).style,
         regex = /^([0-9]{0,4})[a-z]$/;
      if (regex.test(Adresse.value))
         {
         Adresse.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Adresse.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

   check['Ville'] = function(id)
      {
      var Ville = document.getElementById(id),
         tooltipStyle = getTooltip(Ville).style;
      if (Ville.value.length >= 5)
         {
         Ville.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Ville.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

   check['Cposte'] = function()
      {
      var Cposte = document.getElementById('Cposte'),
         tooltipStyle = getTooltip(Cposte).style,
         regex = /^[0-9]{5}$/;
      if (regex.test(Cposte.value))
         {
         Cposte.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Cposte.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

   check['Pays'] = function(id)
      {
      var Pays = document.getElementById(id),
         tooltipStyle = getTooltip(Pays).style;
      if (Pays.value.length >= 2)
         {
         Pays.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Pays.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

   check['Nclient'] = function(id)
      {
      var Nclient = document.getElementById(id),
         tooltipStyle = getTooltip(Nclient).style;
      if (Nclient.value.length >= 2)
         {
         Nclient.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Nclient.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

   check['Telephone'] = function()
      {
      var Telephone = document.getElementById('Telephone'),
         tooltipStyle = getTooltip(Telephone).style,
         regex = /^(0[1-8])(?:[1-9]){8}$/;
      if (regex.test(Telephone.value))
         {
         Telephone.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Telephone.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

   check['Fax'] = function()
      {
      var Fax = document.getElementById('Fax'),
         tooltipStyle = getTooltip(Fax).style,
         regex = /^(0[1-8])(?:[1-9]){8}$/;
      if (regex.test(Fax.value))
         {
         Fax.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Fax.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

   check['Mail'] = function()
      {
      var Mail = document.getElementById('Mail'),
         tooltipStyle = getTooltip(Mail).style,
         regex = /^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
      if (regex.test(Mail.value))
         {
         Mail.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Mail.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

   check['Web'] = function()
      {
      var Web = document.getElementById('Web'),
         tooltipStyle = getTooltip(Web).style,
         regex = /^www.[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
      if (regex.test(Web.value))
         {
         Web.className = 'correct';
         tooltipStyle.display = 'none';
         return true;
         }
      else
         {
         Web.className = 'incorrect';
         tooltipStyle.display = 'inline-block';
         return false;
         }
      };

   // Mise en place des événements

   (function()
      { // Utilisation d'une fonction anonyme pour éviter les variables globales.
      var myForm = document.getElementById('myForm'),
         inputs = document.getElementsByTagName('input'),
               inputsLength = inputs.length;
      for (var i = 0 ; i < inputsLength ; i++)
         {
         if (inputs[i].type == 'text')
            {
            inputs[i].onkeyup = function()
               {
               check[this.id](this.id); // « this » représente l'input actuellement modifié
               };
            }
         }
      myForm.onsubmit = function()
         {
         var result = true;
         for (var i in check)
            {
            result = check[i](i) && result;
            }
         if (result)
            {
            header('Location: '.ajt_client.php);
            }
         return false;
         };
      myForm.onreset = function()
         {
         for (var i = 0 ; i < inputsLength ; i++)
            {
            if (inputs[i].type == 'text')
               {
               inputs[i].className = '';
               }
            }
         deactivateTooltips();
         };
      })();

   // Maintenant que tout est initialisé, on peut désactiver les « tooltips »
   deactivateTooltips();
   })();

mon .php

Code:

<?php
   session_start(); // Ici on continue la session
   require ("debut.php"); //permet d'afficher le haut de la page est d'alleger chaque page
   if ($_SESSION['Membre_grade'] >= '3')
      {
      ?>
      <!-- formulaire ajout fournisseur sur BDD par le fichier (ajt_fournisseur.php) JS+PHP -->
      <h2> Formulaire d'ajout d'un fournisseur </h2>
      <form action="ajt_fournisseur.php" method="post"  id="myForm">

      <label for="Nentreprise">Nom de l'entreprise :</label>
      <input type="text" name="Nentreprise" id="Nentreprise" /><br />
      <span class="tooltip">Le nom de l'entreprise doit contenir au minimun 2 caractères</span>

      <label for="Siret">Numéro de Siret :</label>
      <input type="text" name="Siret" id="Siret" /><br />
      <span class="tooltip">Le numéro de Siret ne contient que 14 chiffres</span>

      <label for="Adresse">Rue ou Avenue :</label>
      <input type="text" name="Adresse" id="Adresse" /><br />
      <span class="tooltip">Entrer le numero si il y a lieu et le nom</span>

      <label for="Ville">Nom de la ville :</label>
      <input type="text" name="Ville" id="Ville" /><br />
      <span class="tooltip">Le nom doit etre ecrit en toute lettre</span>

      <label for="Cposte">Numero de code postal :</label>
      <input type="text" name="Cposte" id="Cposte" /><br />
      <span class="tooltip">Contient que 5 chiffres</span>

      <label for="Pays">Pays :</label>
      <input type="text" name="Pays" id="Pays" /><br />
      <span class="tooltip">Pays ou province</span>

      <label for="Nclient">Nom du client :</label>
      <input type="text" name="Nclient" id="Nclient" /><br />
      <span class="tooltip">Le nom contiendra minimun 2 lettre</span>

      <label for="Telephone">Numéro de téléphone :</label>
      <input type="text" name="Telephone" id="Telephone" /><br />
      <span class="tooltip">Entrer le numero sans tiret ou espace</span>

      <label for="Fax">Numéro de fax :</label>
      <input type="text" name="Fax" id="Fax" /><br />
      <span class="tooltip">Entrer le numero sans tiret ou espace</span>

      <label for="Mail">Adresse Mail :</label>
      <input type="text" name="Mail" id="Mail" /><br />
      <span class="tooltip">Entrer l'adresse mail du client</span>

      <label for="Web">Site internet :</label>
      <input type="text" name="Web" id="Web" /><br />
      <span class="tooltip">commencer par www.</span>
      
      <label for="Specification">Spécialisé dans :</label>
      <input type="text" name="Specification" id="Specification" /><br />
      
      <span class="form_col"></span>
      <input type="submit" value="Ajouter" /> <input type="reset" value="Réinitialiser le formulaire" />
      </form>
      <script src="js_fournisseur.js"></script>   
      <?php
      }
   else
      {
      echo '<H2>Erreur </H2>'.
      '<p>Vous n\'ete pas connecter ou non autorisé d\'accéder a cette page.</p>
      -Cliquez <a href="./login.php">ici</a> pour vous connecter</p>';
      }
require ("fin.php"); // permet d'afficher le bas de la page est d'alleger chaque page
?>

et ce qui t’intéresse dans mon .css:

Code:

 /* parti Javascript */
body {
 padding-top: 50px;
}

.form_col {
  display: inline-block;
  margin-right: 15px;
  padding: 3px 0px;
  width: 200px;
  min-height: 1px;
  text-align: right;
}

input {
  padding: 2px;
  border: 1px solid #CCC;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  outline: none; /* Retire la bordure orange appliquée par certains navigateurs (Chrome notamment) lors du focus des éléments <input> */
}

input:focus {
  border-color: rgba(82, 168, 236, 0.75);
  -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
}

.correct {
  border-color: rgba(68, 191, 68, 0.75);
}

.correct:focus {
  border-color: rgba(68, 191, 68, 0.75);
  -moz-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
  box-shadow: 0 0 8px rgba(68, 191, 68, 0.5);
}

.incorrect {
  border-color: rgba(191, 68, 68, 0.75);
}

.incorrect:focus {
  border-color: rgba(191, 68, 68, 0.75);
  -moz-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
  box-shadow: 0 0 8px rgba(191, 68, 68, 0.5);
}

.tooltip {
  display: inline-block;
  margin-left: 20px;
  padding: 2px 4px;
  border: 1px solid #555;
  background-color: #CCC;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

ok,merci.

demande encore si besoin d'aide

Théau Octave

aie sisi mon nouveau blaze taveOc

Mdrrr

rigole pas maintenant sa sera Octave et TaveOC

BO GOOOOSS !

tavue on va boire de ROoooohomme

danser la salllllllsaaaaaa !

Heureusement tu ski mieux que lui mdr

HAHHAAHAHHAAHHAAHH

ok les mec je vous apprendrai a danser vous parler a un pro de danse