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 :

Rendre un champ obligatoire sous condition


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Homme Profil pro
    Data Manager
    Inscrit en
    Novembre 2012
    Messages
    52
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Data Manager

    Informations forums :
    Inscription : Novembre 2012
    Messages : 52
    Points : 33
    Points
    33
    Par défaut Rendre un champ obligatoire sous condition
    Bonjour,

    J'ai créer un formulaire de parrainage sur un outil d'emailing.
    La structure du formulaire est ainsi:

    Adresse media (champ caché) Nom1 Prénom1 Email1
    Nom2 Prénom2 Email2
    Nom3 Prénom3 Email3

    L'idée est de mettre Email1 en champ obligatoire et si le nom2 ou prénom2 est renseigné , rendre l'email2 obligatoire et si le nom3 ou prénom3 est renseigné , rendre l'email3 obligatoire.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <tr>
    <td><font size=2><strong><font face=Arial>Nom&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Prénom&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email<br></font><font face=Arial><input id=ZFECMD_13143 value="0" type="hidden" name=ZFECMD_13143>&nbsp;<input id=ZFECMD_13266 value="0" type="hidden" name=ZFECMD_13266>&nbsp;<input id=ZFECMD_13340 name=ZFECMD_13340>&nbsp;<select id=ZFECMD_13269  name=ZFECMD_13269><option value=1>PM</option><option selected value=2>PP</option></select>&nbsp;<input id=ZFECMD_13271 name=ZFECMD_13271>&nbsp;<input id=ZFECMD_13272 name=ZFECMD_13272>&nbsp;<input id=ZFECMD_13268 required name=ZFECMD_13268>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></strong></font></td></tr>
    <tr>
    <td><font face=Arial><font size=2><strong>Nom</strong></font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong> <font size=2>Prénom</font></strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<font size=2><strong>Email<br><input id=3QBW6R_13143 value="0" type="hidden" name=3QBW6R_13143>&nbsp;<input id=3QBW6R_13266 value="0" type="hidden" name=3QBW6R_13266>&nbsp;<input id=3QBW6R_13340  type="hidden" name=3QBW6R_13340>&nbsp;<input id=3QBW6R_13269 value=2 type=hidden name=3QBW6R_13269>&nbsp;<input id=3QBW6R_13271 name=3QBW6R_13271>&nbsp;<input id=3QBW6R_13272 name=3QBW6R_13272>&nbsp;<input id=3QBW6R_13268 name=3QBW6R_13268>&nbsp;</strong></font></font></td></tr>
    <tr>
    <td><font face=Arial><strong><font size=2>Nom&nbsp;</font>&nbsp;</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font size=2><strong>Prénom&nbsp;&nbsp;</strong></font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<font size=2><strong>Email<br><input id=TZWYVX_13143 value="0" type="hidden" name=TZWYVX_13143>&nbsp;<input id=TZWYVX_13266 value="0" type=hidden name=TZWYVX_13266>&nbsp;<input id=TZWYVX_13340  type=hidden name=TZWYVX_13340>&nbsp;<input id=TZWYVX_13269 value=2 type=hidden name=TZWYVX_13269>&nbsp;<input id=TZWYVX_13271 name=TZWYVX_13271>&nbsp;<input id=TZWYVX_13272 name=TZWYVX_13272>&nbsp;<input id=TZWYVX_13268 name=TZWYVX_13268>&nbsp;</strong></font></font></td></tr>
    <tr>


    2me chose:

    J'aimerais si possible récupérer l'email1 dans l'adresse média.
    J'ai tenté value=ZFECMD_13268 (le nom du champ) mais il retranscrit le nom du champ.

    Je suis débutant en html.
    Apparemment on aurait besoin de Javascript pour résoudre ce problème.

    Je vous remercie par avance de votre aide

    Bonne journée

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Citation Envoyé par avyperez Voir le message
    Apparemment on aurait besoin de Javascript pour résoudre ce problème.
    Certes. Il n'y a pas de conditions en HTML.

  3. #3
    Nouveau membre du Club
    Homme Profil pro
    Data Manager
    Inscrit en
    Novembre 2012
    Messages
    52
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Data Manager

    Informations forums :
    Inscription : Novembre 2012
    Messages : 52
    Points : 33
    Points
    33
    Par défaut
    Y a t'il une solution en Javascript ?
    Cela peut être intégré dans le code html ?
    Si oui , à quel endroit ?

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    Tu n'as pas du beaucoup chercher ...
    quelques posts en dessous du tien
    http://www.developpez.net/forums/d14...-d-formulaire/

  5. #5
    Nouveau membre du Club
    Homme Profil pro
    Data Manager
    Inscrit en
    Novembre 2012
    Messages
    52
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Data Manager

    Informations forums :
    Inscription : Novembre 2012
    Messages : 52
    Points : 33
    Points
    33
    Par défaut
    Merci pour le lien.
    Je suis vraiment débutant.
    Je ne trouve pas sur le lien, le fait de récupérer la variable email et de l'attribuer à un autre champ?

Discussions similaires

  1. Validation, champs obligatoires sous conditions
    Par totot dans le forum jQuery
    Réponses: 18
    Dernier message: 21/02/2014, 22h56
  2. plugin Validation, champs obligatoires sous conditions
    Par st4nfield dans le forum jQuery
    Réponses: 3
    Dernier message: 16/12/2009, 11h26
  3. Rendre des champs obligatoires
    Par imelda dans le forum Langage
    Réponses: 8
    Dernier message: 29/09/2008, 18h37
  4. Rendre un champs obligatoire
    Par aymane1978 dans le forum MS SQL Server
    Réponses: 3
    Dernier message: 06/02/2008, 20h20
  5. Champ obligatoire sur condition
    Par surzone dans le forum IHM
    Réponses: 2
    Dernier message: 17/01/2008, 09h15

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