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 :

Saisie automatique de champs


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Developpeur PHP Codeigniter (Débutant)
    Inscrit en
    Décembre 2012
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Developpeur PHP Codeigniter (Débutant)
    Secteur : Industrie

    Informations forums :
    Inscription : Décembre 2012
    Messages : 124
    Par défaut Saisie automatique de champs
    Bonjour à toutes et à tous

    je récuperais 2 champs via un input

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type="text"  name="nom" id="nom" class="form-control" required >
    <input type="text"  name="prenom" id="prenom" class="form-control" required >

    que je voudrais additionner pour le mettre dans une 3 éme champ

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <script type="text/javascript">
                    var nom = document.getElementById("nom");
                    var prenom = document.getElementById("prenom");
                    prenom.onblur = afficherMessage;
     
                    function afficherMessage(){
                       document.getElementById("identifiant").value= prenom + nom;
                    }
     
                </script>
    et j'ai l'erreur suivante
    [object HTMLInputElement]
    Merci pour votre aise

  2. #2
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 132
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 132
    Par défaut
    Salut

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <script type="text/javascript">
                    var nom = document.getElementById("nom");
                    var prenom = document.getElementById("prenom");
                    prenom.onblur = afficherMessage(nom,prenom);
     
                    function afficherMessage(LeNom,LePrenom){
                       document.getElementById("identifiant").value= LeNom + " " + LePrenom;
                    }
     
                </script>
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    en faisant de la sorte var nom = document.getElementById("nom"), tu récupéres la référence à l'élément mais en aucun cas son contenu.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var oNom = document.getElementById("nom");
    var textNom = oNom.value;
    D'autre part quand tu écris : prenom.onblur = afficherMessage(nom,prenom), tu affectes le résultat de la fonction et non sa référence.

    Attention :
    au moment de l’exécution de ta fonction afficherMessage les valeurs de tes champs auront surement changées donc ce n'est pas la « bonne » façon de faire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function afficherMessage() {
      document.getElementById("identifiant").value = oNom.value + oPrenom.value;
    }
    var oNom = document.getElementById("nom");
    var oPrenom = document.getElementById("prenom");
    oPrenom.onblur = afficherMessage;

  4. #4
    Membre confirmé
    Homme Profil pro
    Developpeur PHP Codeigniter (Débutant)
    Inscrit en
    Décembre 2012
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Developpeur PHP Codeigniter (Débutant)
    Secteur : Industrie

    Informations forums :
    Inscription : Décembre 2012
    Messages : 124
    Par défaut merci
    merci pour votre aide et vos propositions

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

Discussions similaires

  1. Saisie automatique de champs
    Par nfgfafa dans le forum SAGE
    Réponses: 5
    Dernier message: 15/02/2016, 13h47
  2. Réponses: 9
    Dernier message: 25/04/2007, 15h16
  3. saisie automatique de champ
    Par k_boy dans le forum VC++ .NET
    Réponses: 12
    Dernier message: 30/11/2006, 17h10
  4. Réponses: 14
    Dernier message: 27/11/2006, 13h07
  5. saisie automatique pour un champs
    Par god0126 dans le forum Access
    Réponses: 2
    Dernier message: 23/06/2006, 10h57

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