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

JavaScript Discussion :

vérification avec un formulaire


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut vérification avec un formulaire
    Bonjour!
    j'ai un formulaire que je veux vérifier avec javascript mais je constate qu'aucune vérification n'est faite en l'envoi du formulaire.
    aidez moi à retrouver mes erreurs afin de rendre mon code fonctionnel . merci pour votre aide.
    voicimon 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
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
    224
    225
    226
    227
    228
    229
    230
    231
    232
    233
    234
    235
    236
    237
    238
    239
    240
    241
    242
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title></title>
     
    <script type="text/javascript">
     
    function surligne(champ, erreur)
    {
       if(erreur)
          champ.style.backgroundColor = "#fba";
       else
          champ.style.backgroundColor = "";
    }
     
    function verifMois(champ)
    {
     
       if(champ.value="")
     
       {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
     function verifSem(champ)
    {
    if(champ.value="")
       {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
      function verifAnnee(champ)
     {
       if(champ.value="")
     {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
      function verifNbre(champ)
      {
    for(i=0;i<champ.value.length;++i){
       if(champ.value.charAt(i) < "0"
       || champ.value.charAt(i) > "9"){
     
           surligne(champ, true);
           return false;
        }
        }
     
      }
      function veirfTotal(champ){
    for(i=0;i<champ.value.length;++i){
       if(champ.value.charAt(i) < "0"
       || champ.value.charAt(i) > "9"){
     
           surligne(champ, true);
           return false;
        }
        }
      }
     
      funtion verifDu(champ){
    for(i=0;i<champ.value.length;++i){
       if(champ.value.charAt(i) < "0"
       || champ.value.charAt(i) > "9"){
     
           surligne(champ, true);
           return false;
        }
        }
      }
     
      function verifLieu(champ)
       {
       var regex = ^[a-zA-Z0-9_-]{6,20}$;
       if(!regex.test(champ.value))
       {
          surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
    }
     
      function verifUser(champ) {
    var regex = ^[a-zA-Z0-9_-]{6,20}$;
     if(!regex.test(champ.value))
      {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
      function verifForm(dec)
    {
       var moisOk = verifMois(dec.mois);
       var semestreOk = verifSem(dec.sem);
       var anneeOk = verifAnnee(dec. annee);
       var nbreOk = verifNbre(dec.salarie);
       var totalOk = verifTotal(dec.imposable);
       var duOk = verifDu(dec.du);
       var lieuOk = verifLieu(dec.lieu);
       var userOk = verifUser(dec.usersaisie);
     
       if((moisOk||semestreOk) && anneeOk&&nbreOk&&totalOk&&duOk&&lieuOk&&userOk)
          return true;
       else
       {
          alert("Veuillez remplir correctement tous les champs");
          return false;
       }
    }
     
    </script>
     
    </head>
     
    <body bgcolor="#66FF99">
    <p align="center"><strong> </strong></p>
    <ul>
      <li>
        <div align="left"><strong align="left"></strong></div>
      </li>
    </ul>
    <form id="form" name="dec" method="post" action="insertion.php" onsubmit="return verifForm(this)">
      <strong>I. PERIODE</strong> Mois
      <select name="mois" onblur="verifMois(this)">
        <option selected="selected"> </option>
        <option>01</option>
        <option>02</option>
        <option>03</option>
        <option>04</option>
        <option>05</option>
        <option>06</option>
        <option>07</option>
        <option>08</option>
        <option>09</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
      </select>
    Semestre
    <select name="sem" onblur="verifSem(this)">
      <option selected="selected"> </option>
      <option>01</option>
      <option>02</option>
    </select> 
    Année
    <select name="annee" onblur="verifAnnee(this)">
      <option selected="selected"> </option>
      <option>2009</option>
      <option>2010</option>
      <option>2011</option>
      <option>2012</option>
      <option>2013</option>
      <option>2014</option>
      <option>2015</option>
      <option>2014</option>
      <option>2015</option>
      <option>2016</option>
      <option>2017</option>
      <option>2018</option>
      <option>2019</option>
      <option>2020</option>
    </select>
     
      <table width="653" border="0">
        <tr>
          <td width="221"><div align="center"><strong>Nombre </strong></div></td>
          <td width="220"><div align="center"><strong>Total </strong></div></td>
          <td width="190"><div align="center"><strong>Total du d&ucirc; </strong></div></td>
        </tr>
        <tr>
          <td><label>
            <input size="30" type="text" name="salarie"  onblur="verifNbre(this)"/>
          </label></td>
          <td><label>
            <input size="30" type="text" name="imposable"  onblur="verifTotal(this)"/>
          </label></td>
          <td><label>
            <input size="30" type="text" name="du"  onblur="verifDu(this)"/>
          </label></td>
        </tr>
      </table>
      <p>
        <label></label>
        A
      <label>
      <input
      size="30" type="text" name="lieu" onblur="verifLieu(this)" />
      </label>
        , le
      <label>
      <input name="datesaisie" type="text" />
      </label>
      </p>
      <p>
        <label>Nom et Pr&eacute;nom 
          <input size="50" type="text" name="usersaisie"  onblur="verifUser(this)"/>
        </label>
      </p>
      <p>
        <label>
        <input type="submit" name="Submit" value="Enregistrer" />
        </label>
        <input type="reset" name="Submit2" value="R&eacute;initialiser" />
      </p>
      <p>&nbsp;</p>
    </form>
    <p>&nbsp;</p>
    </body>
    </html>

  2. #2
    Membre Expert
    Avatar de gwyohm
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2007
    Messages
    925
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 925
    Par défaut
    tu as probablement une erreur.
    Pour faciliter le debug, essaye ca :
    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
    function verifForm(dec)
    {
      try {
       var moisOk = verifMois(dec.mois);
       var semestreOk = verifSem(dec.sem);
       var anneeOk = verifAnnee(dec. annee);
       var nbreOk = verifNbre(dec.salarie);
       var totalOk = verifTotal(dec.imposable);
       var duOk = verifDu(dec.du);
       var lieuOk = verifLieu(dec.lieu);
       var userOk = verifUser(dec.usersaisie);
     
       if((moisOk||semestreOk) && anneeOk&&nbreOk&&totalOk&&duOk&&lieuOk&&userOk)
          return true;
       else
       {
          alert("Veuillez remplir correctement tous les champs");
          return false;
       }
    } catch(e) {
      alert("Erreur :" + e.message);
    return false;
    }
    }

  3. #3
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut
    dois-je remplacer ma fonction verifForm par ca et le reste sans changement?

  4. #4
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut
    je viens de faire ce que tu m'a dit mais rien ne change

  5. #5
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut :-D
    Bonjour,

    Il va falloir revérifier lignes par lignes (et c'est vous qui allez le faire). Il n'y a qu'un "=" dans les if au lieu d'en avoir deux "==". Il y a des majuscules qui sont peut-être interprétées, "++i" au lieu de "i++", et sans doute d'autres choses.
    Y a des align pour <strong> ?

    Avec peut-être

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <script type="text/javascript">
    // ou
    <script language="javascript">

  6. #6
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut
    merci
    j'ai revu mon code ligne par ligne, j'y ai ajouté les correction que tu suggeré mais toujours rien

  7. #7
    Membre Expert
    Avatar de gwyohm
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2007
    Messages
    925
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 925
    Par défaut
    tu as des erreurs à l'affichage de ta page ?

  8. #8
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut
    non recois pas de message d'erreurs mais quand je vérifie dans ma base je constate que un enregistrement de champs vides a été enregistré

  9. #9
    Membre Expert
    Avatar de gwyohm
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2007
    Messages
    925
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 925
    Par défaut
    J'ai copié collé ton code et j'ai des erreurs dès le chargement :
    funtion vs function
    puis
    ^[a-zA-Z0-9_-]{6,20}$ vs /^[a-zA-Z0-9_-]{6,20}$/
    au delà de ca :
    veirfTotal vs verifTotal
    | vs ||
    ...
    je veux bien aider mais communique les erreurs

  10. #10
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut
    merci beaucoup deja pour les erreurs que tua décelées je vais continuer à chercher. parce qu'apparemment mon problème vient des erreur de saisie.
    encore merci

  11. #11
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut
    après les corrections que des erreurs que tua décelées, la vérification des champs lorsqu'ils perdent le focus marche mais c'est la fonction verifForm quine marche toujours pas. je donc rechercher mes erreurs à ce niveau

  12. #12
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut
    bonsoir!
    je suis toujours sans solution avec mon formulaire. j'ai revu mon code pour corriger les erreurs et comme je l'ai déjà dit la vérification des champs s'effectue à la perte du focus mais à l'envoie du formulaire aucune alerte et l'envoie est fait même si tous les champs sont vides. je me dit que le problème doit être au niveau de la fonction globale verifForm() mais j'avoue que je suis au bout de mes limites. encore de l'aide please! merci

  13. #13
    Membre Expert
    Avatar de gwyohm
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2007
    Messages
    925
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 925
    Par défaut
    Bonsoir,

    Tu peux nous poster ton code modifié ?

  14. #14
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut
    ok voici le code corrigé
    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
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
    224
    225
    226
    227
    228
    229
    230
    231
    232
    233
    234
    235
    236
    237
    238
    239
    240
    241
    242
    243
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title></title>
     
    <script type="text/javascript">
     
    function surligne(champ, erreur)
    {
       if(erreur)
          champ.style.backgroundColor = "#ff0000";
       else
          champ.style.backgroundColor = "";
    }
     
    function verifMois(champ)
    {
     
       if(champ.value=="")
     
       {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
     function verifSem(champ)
    {
    if(champ.value=="")
       {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
      function verifAnnee(champ)
     {
       if(champ.value=="")
     {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
      function verifNbre(champ)
      {
    for(i=0;i<champ.value.length;++i){
       if(champ.value.charAt(i) < "0"
       || champ.value.charAt(i) > "9"){
     
           surligne(champ, true);
           return false;
        }
        }
       }
     
      function verifTotal(champ){
    for(i=0;i<champ.value.length;++i){
       if(champ.value.charAt(i) < "0"
       || champ.value.charAt(i) > "9"){
     
           surligne(champ, true);
           return false;
        }
        }
      }
     
      function verifDu(champ){
    for(i=0;i<champ.value.length;++i){
       if(champ.value.charAt(i) < "0"
       || champ.value.charAt(i) > "9"){
     
           surligne(champ, true);
           return false;
        }
        }
      }
     
      function verifLieu(champ)
       {
       var regex = /^[a-zA-Z0-9_-]{6,20}$/;
       if(!regex.test(champ.value))
       {
          surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
    }
     
      function verifUser(champ) {
    var regex = /^[a-zA-Z0-9_-]{6,20}$/;
     if(!regex.test(champ.value))
      {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
      function verifForm(dec)
    {
       var moisOk = verifMois(dec.mois);
       var semestreOk = verifSem(dec.sem);
       var anneeOk = verifAnnee(dec. annee);
       var nbreOk = verifNbre(dec.salarie);
       var totalOk = verifTotal(dec.imposable);
       var duOk = verifDu(dec.du);
       var lieuOk = verifLieu(dec.lieu);
       var userOk = verifUser(dec.usersaisie);
     
       if((moisOk|semestreOk) && anneeOk&&nbreOk&&totalOk&&duOk&&lieuOk&&userOk)
          return true;
       else
       {
          alert("Veuillez remplir correctement tous les champs");
          return false;
       }
    }
     
    </script>
     
    </head>
     
    <body bgcolor="#66FF99">
    <p align="center"><strong> </strong></p>
    <ul>
      <li>
        <div align="left"><strong align="left"></strong></div>
      </li>
    </ul>
    <form id="form" name="dec" method="post" action="insertion.php" onsubmit="return verifForm(this)">
      <strong>I. PERIODE</strong> Mois
      <select name="mois" onblur="verifMois(this)">
        <option selected="selected"> </option>
        <option>01</option>
        <option>02</option>
        <option>03</option>
        <option>04</option>
        <option>05</option>
        <option>06</option>
        <option>07</option>
        <option>08</option>
        <option>09</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
      </select>
    Semestre
    <select name="sem" onblur="verifSem(this)">
      <option selected="selected"> </option>
      <option>01</option>
      <option>02</option>
    </select> 
    Année
    <select name="annee" onblur="verifAnnee(this)">
      <option selected="selected"> </option>
      <option>2009</option>
      <option>2010</option>
      <option>2011</option>
      <option>2012</option>
      <option>2013</option>
      <option>2014</option>
      <option>2015</option>
      <option>2014</option>
      <option>2015</option>
      <option>2016</option>
      <option>2017</option>
      <option>2018</option>
      <option>2019</option>
      <option>2020</option>
    </select>
     
      <table width="653" border="0">
        <tr>
          <td width="221"><div align="center"><strong>Nombre </strong></div></td>
          <td width="220"><div align="center"><strong>Total </strong></div></td>
          <td width="190"><div align="center"><strong>Total du d&ucirc; </strong></div></td>
        </tr>
        <tr>
          <td><label>
            <input size="30" type="text" name="salarie"  onblur="verifNbre(this)"/>
          </label></td>
          <td><label>
            <input size="30" type="text" name="imposable"  onblur="verifTotal(this)"/>
          </label></td>
          <td><label>
            <input size="30" type="text" name="du"  onblur="verifDu(this)"/>
          </label></td>
        </tr>
      </table>
      <p>
        <label></label>
        A
      <label>
      <input
      size="30" type="text" name="lieu" onblur="verifLieu(this)" />
      </label>
        , le
      <label>
      <input name="datesaisie" type="text" />
      </label>
      </p>
      <p>
        <label>Nom et Pr&eacute;nom 
          <input size="50" type="text" name="usersaisie"  onblur="verifUser(this)"/>
        </label>
      </p>
      <p>
        <label>
        <input type="submit" name="Submit" value="Enregistrer" />
        </label>
        <input type="reset" name="Submit2" value="R&eacute;initialiser" />
      </p>
      <p>&nbsp;</p>
    </form>
    <p>&nbsp;</p>
    </body>
    </html>

  15. #15
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Il y a encore des ++i au lieu de i++.

  16. #16
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut
    Désolé! Autant pour moi

    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
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
    224
    225
    226
    227
    228
    229
    230
    231
    232
    233
    234
    235
    236
    237
    238
    239
    240
    241
    242
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title></title>
     
    <script type="text/javascript">
     
    function surligne(champ, erreur)
    {
       if(erreur)
          champ.style.backgroundColor = "#ff0000";
       else
          champ.style.backgroundColor = "";
    }
     
    function verifMois(champ)
    {
     
       if(champ.value=="")
     
       {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
     function verifSem(champ)
    {
    if(champ.value=="")
       {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
      function verifAnnee(champ)
     {
       if(champ.value=="")
     {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
      function verifNbre(champ)
      {
    for(i=0;i<champ.value.length;i++){
       if(champ.value.charAt(i) < "0"
       || champ.value.charAt(i) > "9"){
     
           surligne(champ, true);
           return false;
        }
        }
       }
     
      function verifTotal(champ){
    for(i=0;i<champ.value.length;i++){
       if(champ.value.charAt(i) < "0"
       || champ.value.charAt(i) > "9"){
     
           surligne(champ, true);
           return false;
        }
        }
      }
     
      function verifDu(champ){
    for(i=0;i<champ.value.length;i++){
       if(champ.value.charAt(i) < "0"
       || champ.value.charAt(i) > "9"){
     
           surligne(champ, true);
           return false;
        }
        }
      }
     
      function verifLieu(champ)
       {
       var regex = /^[a-zA-Z0-9_-]{6,20}$/;
       if(!regex.test(champ.value))
       {
          surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
    }
     
      function verifUser(champ) {
    var regex = /^[a-zA-Z0-9_-]{6,20}$/;
     if(!regex.test(champ.value))
      {
       surligne(champ, true);
          return false;
       }
       else
       {
          surligne(champ, false);
          return true;
       }
      }
     
      function verifForm(dec)
    {
       var moisOk = verifMois(dec.mois);
       var semestreOk = verifSem(dec.sem);
       var anneeOk = verifAnnee(dec. annee);
       var nbreOk = verifNbre(dec.salarie);
       var totalOk = verifTotal(dec.imposable);
       var duOk = verifDu(dec.du);
       var lieuOk = verifLieu(dec.lieu);
       var userOk = verifUser(dec.usersaisie);
     
       if((moisOk|semestreOk) && anneeOk&&nbreOk&&totalOk&&duOk&&lieuOk&&userOk)
          return true;
       else
       {
          alert("Veuillez remplir correctement tous les champs");
          return false;
       }
    }
     
    </script>
     
    </head>
     
    <body bgcolor="#66FF99">
    <p align="center"><strong> </strong></p>
    <ul>
      <li>
        <div align="left"><strong align="left"></strong></div>
      </li>
    </ul>
    <form id="form" name="dec" method="post" action="insertion.php" onsubmit="return verifForm(this)">
      <strong>I. PERIODE</strong> Mois
      <select name="mois" onblur="verifMois(this)">
        <option selected="selected"> </option>
        <option>01</option>
        <option>02</option>
        <option>03</option>
        <option>04</option>
        <option>05</option>
        <option>06</option>
        <option>07</option>
        <option>08</option>
        <option>09</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
      </select>
    Semestre
    <select name="sem" onblur="verifSem(this)">
      <option selected="selected"> </option>
      <option>01</option>
      <option>02</option>
    </select> 
    Année
    <select name="annee" onblur="verifAnnee(this)">
      <option selected="selected"> </option>
      <option>2009</option>
      <option>2010</option>
      <option>2011</option>
      <option>2012</option>
      <option>2013</option>
      <option>2014</option>
      <option>2015</option>
      <option>2014</option>
      <option>2015</option>
      <option>2016</option>
      <option>2017</option>
      <option>2018</option>
      <option>2019</option>
      <option>2020</option>
    </select>
     
      <table width="653" border="0">
        <tr>
          <td width="221"><div align="center"><strong>Nombre </strong></div></td>
          <td width="220"><div align="center"><strong>Total </strong></div></td>
          <td width="190"><div align="center"><strong>Total du d&ucirc; </strong></div></td>
        </tr>
        <tr>
          <td><label>
            <input size="30" type="text" name="salarie"  onblur="verifNbre(this)"/>
          </label></td>
          <td><label>
            <input size="30" type="text" name="imposable"  onblur="verifTotal(this)"/>
          </label></td>
          <td><label>
            <input size="30" type="text" name="du"  onblur="verifDu(this)"/>
          </label></td>
        </tr>
      </table>
      <p>
        <label></label>
        A
      <label>
      <input
      size="30" type="text" name="lieu" onblur="verifLieu(this)" />
      </label>
        , le
      <label>
      <input name="datesaisie" type="text" />
      </label>
      </p>
      <p>
        <label>Nom et Pr&eacute;nom 
          <input size="50" type="text" name="usersaisie"  onblur="verifUser(this)"/>
        </label>
      </p>
      <p>
        <label>
        <input type="submit" name="Submit" value="Enregistrer" />
        </label>
        <input type="reset" name="Submit2" value="R&eacute;initialiser" />
      </p>
      <p>&nbsp;</p>
    </form>
    <p>&nbsp;</p>
    </body>
    </html>

  17. #17
    Membre Expert
    Avatar de gwyohm
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2007
    Messages
    925
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 925
    Par défaut
    il manque des return true aux fonctions :
    verifNbre, verifTotal et verifDu
    +
    dans verifForm, le OU au début (moisOk|semestreOk) est incorrect :
    (moisOk||semestreOk)

  18. #18
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut
    ok. tu a raison, je vais ajouter les return true dans les tris fonctions. mais pour le Ouj'avais bien || au depart mais c'est suite à l'une de des remarques que je l'avais corrigé. merci je corrige et je te tiens informé

  19. #19
    Membre averti
    Inscrit en
    Juillet 2008
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juillet 2008
    Messages : 51
    Par défaut
    merci beaucoup pour ton aide et surtout pour la patience. ca y est maintenant. c'était encore des erreurs de saisie que j'ai repérées et corrigées.
    encore merci et A+

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

Discussions similaires

  1. Vérification d'un formulaire avec js
    Par jocelyn77 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 21/01/2015, 13h54
  2. [AJAX] Vérification d'un formulaire avec ajax
    Par keviin dans le forum AJAX
    Réponses: 4
    Dernier message: 12/10/2009, 02h20
  3. [DOM] Vérification d'un formulaire avec "bouton submit grisé"
    Par SunBoy dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 01/12/2008, 21h39
  4. vérification d'un formulaire avec javascript
    Par momoh dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 10/04/2007, 09h07
  5. []Problème avec les formulaires Outlook
    Par Invité dans le forum Outlook
    Réponses: 6
    Dernier message: 05/12/2002, 09h59

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