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 :

Effacer les champs d'un formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Étudiant
    Inscrit en
    Octobre 2007
    Messages
    259
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Octobre 2007
    Messages : 259
    Par défaut Effacer les champs d'un formulaire
    J'aimerais un un script js qui permet quand on clique dans un champs on effacer les autres et vis versa
    merci

  2. #2
    Rédacteur

    Avatar de khayyam90
    Homme Profil pro
    Architecte de système d’information
    Inscrit en
    Janvier 2004
    Messages
    10 371
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Architecte de système d’information

    Informations forums :
    Inscription : Janvier 2004
    Messages : 10 371
    Par défaut
    Bien le bonjour,

    C'est quoi le problème ? où bloques-tu ? tu as déjà essayé de coder quelque chose ?

  3. #3
    Membre éclairé
    Profil pro
    Étudiant
    Inscrit en
    Octobre 2007
    Messages
    259
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Octobre 2007
    Messages : 259
    Par défaut
    oui
    html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
     
    <form method="post" action=">
     
    <strong>Nom</strong><br>
    <input id="nom" type="text" name="nom" size="25" onclick="delete()">
     
    <strong>Prenom</strong><br>
    <input  id="prenom" type="text" name="prenom" size="25" onclick="delete()">
     
    <strong>Age</strong><br>
    <input  id="age" type="text" name="age" size="25" onclick="delete()">
    js
    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
     
    function delete(){
    if(document.getElementById('nom').value>0
    		|| document.getElementById('prenom').value>0
    		|| document.getElementById('age').value>0){
     
     document.getElementById('nom').value='';
     document.getElementById('prenom').value='';
     document.getElementById('age').value='';
     
     	return false;
     
     }
     
    	}

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    if(document.getElementById('nom').value>0
    		|| document.getElementById('prenom').value>0
    		|| document.getElementById('age').value>0)
    Les value des input sont du type string, donc tester s'ils sont >0 est plutôt hasardeux...
    De toutes manières, étant donné que tu veux effacer leur contenu, ce test ne sert à rien... Tu peux donc faire comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function delete(){
     document.getElementById('nom').value='';
     document.getElementById('prenom').value='';
     document.getElementById('age').value='';
     	return false;
    	}
    Mais là encore, l'intérêt est contestable... on ne pourra jamais remplir les champs !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre expérimenté

    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    191
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 191
    Par défaut
    essai ca

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
     
    <form method="post" action="">
     
    <strong>Nom</strong><br>
    <input id="nom" type="text" name="nom" size="25" value="Nom..." onclick="this.value='';">
    <br>
    <strong>Prenom</strong><br>
    <input  id="prenom" type="text" name="prenom" size="25" value="Prenom..." onclick="this.value='';">
    <br>
    <strong>Age</strong><br>
    <input  id="age" type="text" name="age" size="25" value="Age..." onclick="this.value='';">

Discussions similaires

  1. Effacer les champs d'un formulaire JSP
    Par daydream123 dans le forum Spring
    Réponses: 0
    Dernier message: 05/07/2011, 13h32
  2. [MVC] Effacer les champs d'un formulaire
    Par daydream123 dans le forum Spring Web
    Réponses: 3
    Dernier message: 24/06/2011, 11h21
  3. [MySQL] Effacer les champs d'un formulaire
    Par Lenou dans le forum PHP & Base de données
    Réponses: 4
    Dernier message: 05/08/2009, 16h24
  4. Réponses: 3
    Dernier message: 11/01/2009, 11h13
  5. Réponses: 18
    Dernier message: 22/10/2004, 14h49

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