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 :

Désactiver la saisie d'un Input type=text si un autre est renseigné


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre actif
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2019
    Messages
    38
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2019
    Messages : 38
    Par défaut Désactiver la saisie d'un Input type=text si un autre est renseigné
    Bonjour

    J'ai un formulaire de recherche et , je veux Désactive la saisie dans un Input type=text si un autre input est renseignée .

    Exemple : si l'utilisateur commence a écrire dans le input1 le input2 se désactivera automatiquement .

    Merci

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Citation Envoyé par Devil7 Voir le message
    ...Désactive(r) la saisie dans un Input type=text si un autre input est renseignée...

  3. #3
    Membre actif
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2019
    Messages
    38
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2019
    Messages : 38
    Par défaut
    Non c'est pas ça ,

    Ce que je veux c'est lors de la saisie , si l'utilisateur commence a saisir dans un champ les autres se désactivent automatiquement .

    Et si le champ est de nouveau vide il peut saisir dans n'importe lequel.

    Merci

  4. #4
    Membre extrêmement actif Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 532
    Par défaut
    je vois pas en quoi d'autre on peut traduire le mot désactiver autrement que par disabled en anglais javascript.

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form id="my-form">
      in1:<input type="text" id="in1">
      in2:<input type="text" id="in2">
      in3:<input type="text" id="in3">
    </form>

    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    const   All_in  = document.querySelectorAll('#my-form input')
     
    All_in.forEach(xIn=>xIn.addEventListener('keypress',priorize) )
     
    function priorize() {
      let txtVide = ( this.value === '' )
      All_in.forEach(xIn=>{ if (xIn !== this)  xIn.disabled = !txtVide })
    }

  5. #5
    Membre actif
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Avril 2019
    Messages
    38
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2019
    Messages : 38
    Par défaut
    J'ai copier le code comme il est mais ça n'a rien donner !!

    tu l'a testé avant ?

    j'ai chercher un peu dans le net et j'ai trouvé ce code :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
     
    <input type="text" id="demo" onkeypress="myFunction()">
    <input type="text" id="demot" onkeypress="myFunction()">
     
    <script>
    function myFunction() {
    if(document.getElementById("demo")!=""){
      document.getElementById("demo").disabled = "disabled";}else{
      document.getElementById("demot").disabled = "disabled";}
    }
    </script>

    c'est bien ce que je veux mais le soucie c'est que quand je vide l' input , l'autre reste disable .

    Merci

  6. #6
    Membre extrêmement actif Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 532
    Par défaut
    oui, et je teste toujours avant de poster

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

Discussions similaires

  1. Saisie dans un input type=text
    Par smotte761 dans le forum Langage
    Réponses: 5
    Dernier message: 03/04/2011, 08h19
  2. [HTML] input type text et Focus
    Par Stessy dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 21/06/2005, 14h06
  3. Affecter une valeur à un input type text
    Par mr.t dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 01/06/2005, 15h18
  4. redimentionner la hauteur d'une input type="text"
    Par GroRelou dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 13/04/2005, 10h32
  5. input type text limiter?
    Par philippejuju dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 11/03/2005, 09h21

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