Code javascript verivication de chanps

Résolu
thecrazzy84 Messages postés 81 Statut Membre -  
avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

Je debute dans le javascript et je ne comprends pas pourquoi cela ne marche pas .
Pouvez vous m'eclairer un peu ?
Merci.

<head>
<meta content="text/html; charset=windows-1252" http-equiv="Content-Type">
<script type="text/javascript">

function check_form()
}

var champ_mail=document.getElementById('mail');
if(champ_mail.value==""){
alert("Vous devez saisir votre email ! ");
champ_mail.focus();
return false;
}else{

var regexp = new RegExp("^[a-zA-Z0-9_\\-\\.]{3,}@[a-zA-Z0-9\\-_]{2,}\\.[a-zA-Z]{2,4}$", "g");
if(!regexp.test(champ_mail.value) ) {
alert("L'adresse e-mail n'est pas valide xxxxxx@xxxxx.xx ! "+champ_mail.value);
champ_mail.focus();
return false;

}
</script>
</head>

<div id="menu">
<div class="element_menu">
<h3>Recevoir la newsletters</h3>
<form action="traitement_newsletters.php" language="JavaScript" method="post" name="Form" onsubmit="return Form_Validator(this)">

<p>
E-mail : <input type="text" name="mail" >
<input type="submit" value="Valider" style="height: 20px" >
</p>

</form>

</div>
</div>

</html>

3 réponses

  1. rudak Messages postés 590 Date d'inscription   Statut Membre Dernière intervention   46
     
    jai pas vu le reste mais déja :

    function check_form()
    }<==== a l'envers
    0
  2. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Salut.

    L'attribut language que tu as mis sur la balise <form> est à mettre sur la balise <script>.
    Mais maintenant, on utilise plutôt l'attribut type qui est déjà mis.

    Dans le onsubmit, tu appelles une fonction Form_Validator(this).
    La fonction déclarée dans le JS est check_form().

    Il faudrait également ajouter « id="mail" » sur l'input.
    0
  3. thecrazzy84 Messages postés 81 Statut Membre
     
    Voici ma correction selon vos conseil mais cela ne marche pas :

    <script type="text/javascript">

    function check_form()
    {

    var champ_mail=document.getElementById('mail');
    if(champ_mail.value==""){
    alert("Vous devez saisir votre email ! ");
    champ_mail.focus();
    return false;
    }else{

    var regexp = new RegExp("^[a-zA-Z0-9_\\-\\.]{3,}@[a-zA-Z0-9\\-_]{2,}\\.[a-zA-Z]{2,4}$", "g");
    if(!regexp.test(champ_mail.value) ) {
    alert("L'adresse e-mail n'est pas valide xxxxxx@xxxxx.xx ! "+champ_mail.value);
    champ_mail.focus();
    return false;

    }
    </script>
    ...
    <div class="element_menu">
    <h3>Recevoir la newsletters</h3>
    <form action="traitement_newsletters.php" method="post" name="Form" onsubmit="return check_form()">

    <p>
    E-mail : <input id='mail' type="text" name="mail" style="height: 20px" >
    <input type="submit" value="Valider" style="height: 20px" >
    </p>

    </form>

    </div>

    J ai encore un pb ? ou je suis simplement aveugle?
    0
    1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
       
      Ça fonctionne très bien chez moi.
      0
    2. thecrazzy84 Messages postés 81 Statut Membre
       
      Je fonctionne en local est ce que ca peut venir de la ?
      wampserver !
      0
    3. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
       
      J'ai testé en ouvrant par double-clic mais ça ne vient pas de là.
      0
    4. thecrazzy84 Messages postés 81 Statut Membre
       
      Voici mon code complet ?

      Ceci est un menu lateral appelé en include sous php.

      Mon champs ne se check pas .
      Je ne comprend pas pourquoi ?
      Pour la redirection c'est ok mais pas pour le check de form ?



      <html>

      <head>
      <meta content="text/html; charset=windows-1252" http-equiv="Content-Type">
      <script type="text/javascript">

      function check_form()
      {

      var champ_mail=document.getElementById('mail');
      if(champ_mail.value==""){
      alert("Vous devez saisir votre email ! ");
      champ_mail.focus();
      return false;
      }else{

      var regexp = new RegExp("^[a-zA-Z0-9_\\-\\.]{3,}@[a-zA-Z0-9\\-_]{2,}\\.[a-zA-Z]{2,4}$", "g");
      if(!regexp.test(champ_mail.value) ) {
      alert("L'adresse e-mail n'est pas valide xxxxxx@xxxxx.xx ! "+champ_mail.value);
      champ_mail.focus();
      return false;

      }
      </script>
      </head>

      <div id="menu">
      <div class="element_menu">
      <h3>Infos utiles</h3>
      <ul>
      <li><a href="0">Comment s'inscrire ?</a></li>
      <li><a href="0">Où trouver les dates?</a></li>
      <li></li>
      <li><a href="">Foire au questions</a></li>
      </ul>
      </div>
      <div class="element_menu">
      <h3>Généralités</h3>
      <h4>Concours externe</h4>
      <ul>
      <li></li>
      <li></li>
      <li><a href="pages/concours_externe.php">Conditions d'accés & Épreuves</a></li>
      <li><a href="0">Comment s'y préparer ? </a></li>
      </ul>
      <h4>Concours interne</h4>
      <ul>
      <li></li>
      <li></li>
      <li><a href="../Pages/concours_interne.php">Conditions d'accés & Épreuves</a></li>
      <li><a href="0">Comment s'y préparer ? </a></li>
      </ul>
      </div>
      <div class="element_menu">
      <h3>Préparation au concours</h3>
      <ul>
      <li><a href="../pages/concours_externe.php">Préparation au concours externe</a></li>
      <li><a href="../concours_interne.php">Préparation au concours interne</a></li>
      </ul>
      </div>

      <div class="element_menu">
      <h3>Recevoir la newsletters</h3>
      <form action="traitement_newsletters.php" method="post" name="Form" onsubmit="return check_form()">

      <p>
      E-mail : <input id='mail' type="text" name="mail" style="height: 20px" >
      <input type="submit" value="Ok" style="height: 20px" name="OK" >
      </p>

      </form>



      </div>
      </div>

      </html>
      0
    5. __construct()
       
      <script type="text/javascript">
      function check_form() {
      	var champ_mail = document.getElementById('mail').value;
      	var regexp = new RegExp("^[a-zA-Z0-9_\\-\\.]{3,}@[a-zA-Z0-9\\-_]{2,}\\.[a-zA-Z]{2,4}$", "g");
      
      	if(champ_mail == "") {
      		alert("Vous devez saisir votre email !");
      		champ_mail.focus();
      		return false;
      	} else if(!regexp.test(champ_mail) ) {
      		alert("L'adresse e-mail n'est pas valide xxxxxx@xxxxx.xx ! " + champ_mail);
      		champ_mail.focus();
      		return false;
      	} else 
      		return true;
      </script>
      0