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 :

Case à cocher


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de legrandse
    Homme Profil pro
    Responsable de service informatique
    Inscrit en
    Décembre 2010
    Messages
    354
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Responsable de service informatique

    Informations forums :
    Inscription : Décembre 2010
    Messages : 354
    Par défaut Case à cocher
    Bonjour à tous,

    Je n'y connais pas gd chose en javascript.

    l'un d'entre vous pourrait-il adapter mon script pour faire accepter ou non aux utilisateur la case à cocher "conditions d'utilisation" ?

    Voici une partie du script:

    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
    <script type="text/javascript">
    function valider(form)  
    {  
    var i = 0;  
    var msg = "";  
    var nom = form.elements['nom'].value;  
    var prenom = form.elements['prenom'].value;  
    var rue = form.elements['rue'].value;  
    var code = form.elements['code'].value;  
    var postal = form.elements['postal'].value;  
    var pays = form.elements['pays'].value;  
    var date = form.elements['date'].value;  
    var email = form.elements['email'].value;  
    var lu = true;  
     
    if (nom.length<2 && i<1)  
        {msg += "Veuillez saisir votre nom";i++;}  
    if (prenom.length<2 && i<1)  
        {msg += "Veuillez saisir votre prénom";i++;}  
    if (rue.length<2 && i<1)  
        {msg += "Veuillez saisir votre rue";i++;}  
    if (code.length<4 && i<1)  
        {msg += "Veuillez saisir votre code postal";i++;}  
    if (postal.length<2 && i<1)  
        {msg += "Veuillez saisir votre localité";i++;}  
    if (pays.length<1 && i<1)  
        {msg += "Veuillez saisir le pays";i++;}  
     
    if (email.length<4 && i<1)  
        {msg += "Il manque votre adresse email ";i++;}  
    if (email.search(/^[^._-][a-z0-9._-]+[^._-]@[a-z0-9._-]+([a-z0-9]+[^._-])?[.-]+[a-z]{2,4}$/)==-1 && i<1)  
        {msg += "Ceci n'est pas une adresse email valide";i++;}  
    if (lu.checked =false)  
        {msg += "Veuillez accepter les conditions";i++;}  
     
     
    if (i>=1)  
        {alert(msg);return false;}  
    return true;  
    }  
     
    </script>

    et la partie formulaire:


    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
    <form name="formulaire" method="post" onSubmit="return valider(this)" onClick="return stripAccents()"  action="connect.php">
     
    <input type="text" class="dataText" align="left" id="nameField" name="nom" style="text-transform: uppercase">
     
    <input type="text" class="dataText" align="left" id="firstNamesField"  name="prenom" style=" text-transform:capitalize">
     
    <input type="text" class="dataText" align="left" id="streetField" name="rue">
     
    <input type="text" class="dataText" align="left" id="municField" name="code" style="text-transform:uppercase">
     
    <input type="text" class="dataText" align="left" id="localField" name="postal" style="text-transform:uppercase">
     
    <input type="text" class="dataText" align="left" id="countryField" value="B" name="pays" style="text-transform:uppercase">
     
    <input type="text" class="dataText" align="left" id="email" name="email">
     
    <input type="checkbox" id="lu" name="lu">

  2. #2
    Invité
    Invité(e)
    Par défaut
    Sauf erreur,
    Remplacer :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var lu = true;  
    ...
    if (lu.checked =false)  
        {msg += "Veuillez accepter les conditions";i++;}
    Par :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var lu = form.elements['lu'].checked;  
    ...
    if (lu == false)  
        {msg += "Veuillez accepter les conditions";i++;}

  3. #3
    Membre éclairé Avatar de legrandse
    Homme Profil pro
    Responsable de service informatique
    Inscrit en
    Décembre 2010
    Messages
    354
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Responsable de service informatique

    Informations forums :
    Inscription : Décembre 2010
    Messages : 354
    Par défaut
    Cà fonctionne parfaitement!

    Je te remercie beaucoup pour ton aide

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

Discussions similaires

  1. [MIGRATION] champ de type "case à cocher"
    Par The_Nail dans le forum MS SQL Server
    Réponses: 9
    Dernier message: 10/05/2011, 11h07
  2. Case à cocher dans une requête
    Par kloss dans le forum Access
    Réponses: 6
    Dernier message: 14/10/2004, 11h44
  3. Récupérer toutes les cases à cocher
    Par psyco2604 dans le forum ASP
    Réponses: 7
    Dernier message: 14/10/2004, 10h54
  4. Activer cases à cocher
    Par schnito dans le forum MFC
    Réponses: 4
    Dernier message: 24/01/2004, 16h07
  5. [CR] Création de tableau et case à cocher
    Par aysse dans le forum SAP Crystal Reports
    Réponses: 3
    Dernier message: 26/11/2003, 17h07

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