Sujet Précédent Sujet Suivant

Pb de validation d'un formualaire

HovOne Messages postés 10 Date d'inscription mercredi 25 octobre 2006 Statut Membre Dernière intervention 13 mai 2008 - 16 avril 2008 à 22:20
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 - 17 avril 2008 à 18:40

Bonsoir
je souhaite valider ce formulaire html/php via un script en JS

<?php session_start(); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns= "http://www.w3.org/1999/xhtml">
   <head>
       <title>MP3 Island - Enregistrez vous !! </title>
       <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
       <link rel="stylesheet" href="styles-heet.css" type="text/css" />

       <script src="/mp3island/javascript/verif_champ.js" language="JavaScript" type="text/JavaScript"></script>

   </head>





           <?php include("top.php"); ?>




       <center>






        REMPLIR LE FORMULAIRE SVP


       <form action ="#">
       <label for="userName">Votre nom :            </label>

       <label for="lastName">Votre prenom :         </label>

       <label for="pseudoName">Votre pseudo :          </label>

       <label for="mail">Votre e-Mail :            </label>

       <label for="passwd1">Votre Mot de passe :              </label>

       <label for="passwd2">Retapez votre Mot de passe :   </label>

       <label for="dateNais">Votre date de naissance :

           <select id="months">
               <option value="0">01</option>
               <option value="1">02</option>
               <option value="2">03</option>
               <option value="3">04</option>
               <option value="4">05</option>
               <option value="5">06</option>
               <option value="6">07</option>
               <option value="7">08</option>
               <option value="8">09</option>
               <option value="9">10</option>
               <option value="10">11</option>
               <option value="11">12</option>
           </select>

           <select id="days">
               <option>01</option>
           </select>

           <select id="years">
               <option>2008</option>
               <option>2007</option>
               <option>2006</option>
               <option>2005</option>
               <option>2004</option>
               <option>2003</option>
               <option>2002</option>
               <option>2001</option>
               <option>2000</option>
               <option>1999</option>
               <option>1998</option>
               <option>1997</option>
               <option>1996</option>
               <option>1995</option>
               <option>1994</option>
               <option>1993</option>
               <option>1992</option>
               <option>1991</option>
               <option>1990</option>
               <option>1989</option>
               <option>1988</option>
               <option>1987</option>
               <option>1986</option>
               <option>1985</option>
               <option>1984</option>
               <option>1983</option>
               <option>1982</option>
               <option>1981</option>
               <option>1980</option>
               <option>1979</option>
               <option>1978</option>
               <option>1977</option>
               <option>1976</option>
               <option>1975</option>
               <option>1974</option>
               <option>1973</option>
               <option>1972</option>
               <option>1971</option>
               <option>1970</option>
               <option>1969</option>
               <option>1968</option>
               <option>1967</option>
               <option>1965</option>
               <option>1964</option>
               <option>1963</option>
               <option>1962</option>
               <option>1961</option>
               <option>1960</option>
               <option>1959</option>
               <option>1958</option>
               <option>1957</option>
               <option>1956</option>
               <option>1955</option>
               <option>1954</option>
               <option>1953</option>
               <option>1952</option>
               <option>1951</option>
               <option>1950</option>
           </select></label>





       <center> 

</center>
       </form>


       *Veuillez remplir tous les champs svp.



   </center>







</html>

le script que j'ai écrit

window.onload = initForms;
window.onload = initForm;

function initForm() {
   document.getElementById("months").selectedIndex = 0;
   document.getElementById("months").onchange = populateDays;
}

function populateDays() {
   var monthDays = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
   var monthStr = this.options[this.selectedIndex].value;
   if (monthStr != "") {
      var theMonth = parseInt(monthStr);
      document.getElementById("days").options.length = 0;
      for(var i=0; i<monthDays[theMonth]; i++) {
          document.getElementById("days").options[i] = new Option(i+1);
       }
   }
}

function initForms() {
   for (var i=0; i< document.forms.length; i++) {
       document.forms[i].onsubmit = function() {return validForm();}
   }
}

function validForm() {
   var allGood = true;
   var allTags = document.getElementsByTagName("*");

   for (var i=0; i -1) {
           invalidLabel(thisTag.parentNode);
           thisTag.focus();
           if (thisTag.nodeName == "INPUT"){
               thisTag.select();
           }
           return false;
       }
       return true;


       function validBasedOnClass(thisClass) {
           var classBack = "";

           switch(thisClass) {
               case "":
               case "invalid":
                   break;
               case "reqd":
                   if (allGood && thisTag.value=="") classBack = "invalid";
                       classBack += thisClass;
                       break;
               default:
                   if (allGood && !crossCheck(thisTag,thisClass)) classBack = "invalid";
                   classBack += thisClass;

                   }
               return classBack;

           }


           function crossCheck(inTag,otherFieldID) {
               if (!document.getElementById(otherFieldID)) return false;
                   return (inTag.value == document.getElementById(otherFielID).value);
               }


           function invalidLabel(parentTag) {
               if (parentTag.nodeName == "LABEL") {
                   parentTag.className += "invalid";
               }
           }

           function validEmail(email) {
               var re = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;

               return re.test(email);
               }


       }
   }

mais ca marche pas , pourtant je vois pas d'erreurs :(
merci de bien vouloir m'aider

A voir également:

Pb de validation d'un formualaire
Le certificat distant n'est pas valide selon la procédure de validation. - Forum Visual Basic
Fermer userform après validation ✓ - Forum Visual Basic 6
Fermer une page après avoir valider un formulaire - Forum Javascript / DHTML
Validation d'une demande - Forum PHP
Fermer un formulaire à la validation? - Forum Javascript / DHTML

3 réponses

Réponse 1 / 3

cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
17 avril 2008 à 09:07

Bonjour,

    1°   window.onload = initForms;
            window.onload = initForm;
          la 2ème instruction écrase la 1ère. seul nitForm sera appelé.
          alors déjà :    window.onload=function()   { intForms(); initForm();    }

    2° tu as peut-être d'autres erreurs, syntaxe ou autres
                tu as activé le debogger ou regardé la console d'erreur ?

¡————————¡——————————————————————————————————————————————————————————¡
|FireFox |regarder la "console d'erreurs" |
| | Outils / Console d'erreurs |
| | |
| | et mieux, télécharger FireBug |
¦————————¦——————————————————————————————————————————————————————————¦
|Internet|activer le deboggage : Outils/options Internet/Avancés |
|Explorer| dans la liste, sous "Navigation" : décocher |
| | ° Afficher une notification de chaque erreur de script |
| | ° Désactiver le débogage de Scripts (Internet Explorer) |
| | |
| | et mieux, télécharger le Debogger IE |
¦————————¦——————————————————————————————————————————————————————————¦
|K—Meleon|regarder la "console d'erreurs" |
| | Outils / Console d'erreurs |
¦————————¦——————————————————————————————————————————————————————————¦
|Opera |regarder la "console d'erreurs" |
| | utils / Asole d'erreurs |
¦————————¦——————————————————————————————————————————————————————————¦
|Safari |regarder Debug / Show JavaScript Console |
| | |
| |modif Fichier "Support:\Documents and Settings\utilisateur|
| |\Application Data\Apple Computer\Safari\Preferences.plist"|
| | y ajouter <key>IncludeDebugMenu</key> |
| | <true/> |
!————————!——————————————————————————————————————————————————————————!

<hr />                Cordialement            Bul         [mon Site]   [M'écrire]

Réponse 2 / 3

HovOne Messages postés 10 Date d'inscription mercredi 25 octobre 2006 Statut Membre Dernière intervention 13 mai 2008
17 avril 2008 à 13:09

j'ai changé , et j'utilise firebug pour la syntaxe , aucune erreur de syntaxe , mais ca marche pas toujours :(

Réponse 3 / 3

cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
17 avril 2008 à 18:40

si tu as corrigé,
    pour tester j'ai mis : <form action="javascript:alert('ok');">
    en envoyant, sans rien remplir, "ok" est affiché.
    pas d'erreur de syntaxe, erreurs de logique
    il te reste à regarder où tu passes, en paremant d'alert
       ou en faisant du pas à pas avec le debugger.
<hr />                Cordialement            Bul         [mon Site]   [M'écrire]

Discussions similaires

Problème avec le ?! pour matcher un mot non suivi d'une parenthèse

Certificats et IIS7

Vérifier la validité d'un certificat

Probleme de Validation d'Evenement

Connexion FTPs DOT NET

Votre réponse

Discussions similaires