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 de formulaire html


Sujet :

JavaScript

  1. #1
    Nouveau candidat au Club
    Inscrit en
    Décembre 2008
    Messages
    1
    Détails du profil
    Informations forums :
    Inscription : Décembre 2008
    Messages : 1
    Par défaut vérification de formulaire html
    Bonjour,
    je suis debutant en html et le formulaire dont le code suit ne procede pas aux verifications qu'il devrait operer avec le script en javascript.
    Qqu'un pourrait il eclairer ma lanterne ,grand merci par avance et pardonnez les maladresses c'est tres tres nouveau 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
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html><head>
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>YAPH </title>
     
    <link media="screen" type="text/css" href="styles/styles.css" rel="stylesheet">
    <script language="javascript">
    function checkForm() {
    var input = document.saisieTicketForm.oneLiner;
    if ( input.value.length == 0 ) {
    alert("Vous n'avez pas saisi de résumé");
    input.focus();
    return false;
    }
    var selectApp = document.saisieTicketForm.application;
    input = document.saisieTicketForm.applicationOther;
    if ( selectApp.value == -1 && input.value.length == 0 ) {
    alert("Vous devez saisir le nom de l'application si vous n'en choisissez pas une dans la liste");
    input.focus();
    return false;
    }
    return true;
    }
    </script>
    </head>
    <body>
    <form name="saisieTicket" style="width: 815px;" action="mailto:el---che@hotmail.fr" method="post" enctype="multipart/form-data" onsubmit="return checkForm()">
    <table style="text-align: left; height: 400px; width: 600px;" border="1" cellpadding="2" cellspacing="2">
    <tbody>
    <tr>
    <td style="text-align: center; background-color: rgb(255, 204, 0); height: 20px; font-size: 14px; font-weight: bold; width: 662px;" colspan="2">Veuillez decrire votre demande d'intervention</td>
    </tr>
     
    <tr class="tab_bg_1" tr="">
    <td style="height: 30px; width: 662px;">Application:</td>
    <td style="width: 519px; height: 30px; vertical-align: middle;">
    <select name="application" ;=""><option value="-1">--Autres--</option><option value="0">windaube</option></select>
    <input size="55" name="application other">
    </td>
    </tr>
    <tr class="tab_bg_1" tr="">
    <td style="height: 30px; width: 662px;">Priorité:</td>
    <td style="width: 519px; height: 30px;">
    <select name="priority"><option value="-1">moyenne</option><option value="1">haute</option></select>
     
    </td>
    </tr>
    <tr class="tab_bg_1" tr="">
    <td style="height: 30px; width: 662px;">Type:</td>
    <td style="width: 519px; height: 30px;">
    <input checked="checked" name="type" value="anomalie" type="radio">Anomalie<input name="type" value="evolution" type="radio">Demande
    d'évolution
    </td>
    </tr>
    <tr class="tab_bg_1" tr="">
    <td style="height: 30px; width: 662px;">Résumé:</td>
    <td style="width: 519px; height: 30px;">
    <input size="80" name="onLiner"></td>
    </tr>
    <tr class="tab_bg_1" tr="">
     
    <td style="height: 20px; width: 662px;" colspan="2">Description
    détaillée:</td>
    </tr>
    <tr class="tab_bg_1" tr="">
    <td style="text-align: center; height: 163px; width: 662px;" colspan="2"><textarea cols="60" rows="14" name="contents"></textarea> </td>
    </tr>
    <tr class="tab_bg_1" tr="">
    <td style="height: 30px; width: 662px;">Pièce-jointe:</td>
    <td style="width: 519px; height: 30px;">
    <input name="MAX_FILE_SIZE" value="3000" type="hidden"><input name="piecejointe" size="25" type="file"></td>
    </tr>
    <tr class="tab_bg_1" tr="">
    <td style="text-align: right; height: 30px; width: 662px;" colspan="2"><input value="Envoyer" type="submit">
    </td>
     
    </tr>
    </tbody>
    </table>
    <br>
    </form>
    </body></html>

  2. #2
    Membre Expert
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 56
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Par défaut
    Bonjour,
    Vérifie bien les noms que tu utilises dans ton formulaire avec ceux utilisés dans ton code Javascript.
    Va égaleent faire un tour dans la FAQ ...

  3. #3
    Membre Expert
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Par défaut
    +vérifie le nom du formulaire

  4. #4
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    Effectivement, comme l'évoquent jumano et mathieu2000, la propriété "name" de ton form (saisieTicket) n'est pas celle recherchée par ton script (saisieTicketForm) :

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    var input = document.saisieTicketForm.oneLiner;
    // ... <snip> ...
    var selectApp = document.saisieTicketForm.application;
    // ... etc.
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <form name="saisieTicket" style="width: 815px;" action="mailto:el---che@hotmail.fr" method="post" enctype="multipart/form-data" onsubmit="return checkForm()">

    Et soit dit en passant, il serait probablement plus simple et plus fiable (et plus "à jour" ^^) d'utiliser getElementById pour récupérer directement les champs recherchés, ou le form en lui-même...

Discussions similaires

  1. Vérification de formulaire avec regexp
    Par Shadow aok dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 06/08/2007, 11h57
  2. Réponses: 2
    Dernier message: 26/07/2007, 10h41
  3. Réponses: 5
    Dernier message: 12/07/2005, 17h04
  4. [POO] Formulaire HTML + fonction JS = Erreur
    Par bdaboah dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 23/11/2004, 21h59
  5. JavaScript de vérification de formulaire
    Par [DreaMs] dans le forum XMLRAD
    Réponses: 6
    Dernier message: 26/02/2003, 13h48

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