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 :

Vider les champs d'un formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Femme Profil pro
    Technicien réseau
    Inscrit en
    Octobre 2014
    Messages
    108
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Doubs (Franche Comté)

    Informations professionnelles :
    Activité : Technicien réseau
    Secteur : Santé

    Informations forums :
    Inscription : Octobre 2014
    Messages : 108
    Points : 30
    Points
    30
    Par défaut Vider les champs d'un formulaire
    Bonjour à tous,
    Je me permets de poster une nouvelle discussion car je suis débutante en javascript,
    J'ai déjà regarder sur pleins de forums pour essayer de résoudre mon problème et je n'ai pas trouvé, c'est pour cela que je m'adresse a vous en espérant pouvoir résoudre mon problème.

    Mon problème est que j'aimerais pouvoir rafraichir ou réinitialisé tout les champs que j'ai dans ma page PHP,
    J'ai déjà essayer ceci :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <center><input id= 'reset' type='reset' name='reset' value='Annuler' style='width:100px'></center>";
    Mais cela ne fonctionne pas et je ne comprend pas pourquoi...
    Ma page web est constituée de liste déroulante, de textarea, et j'aimerais que lorsque l'utilisateur clique sur le bouton sauver (soit un submit) qu'il me vide après le clique toute ma page...

    Merci d'avance,
    Cahuet

  2. #2
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    Hello,

    C'est bien un input type="reset" qu'il faut utiliser (donc pas besoin de JavaScript). Par contre il faut que cet input ainsi que les champs de formulaire soient tous à l'intérieur d'une balise <form> correctement déclarée. C'est le cas ? Peux-tu nous montrer le HTML complet ? Aussi, à quoi sert les caractères "; en fin de ligne ?
    One Web to rule them all

  3. #3
    Membre habitué
    Femme Profil pro
    Développeur Java
    Inscrit en
    Octobre 2010
    Messages
    166
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Madagascar

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Octobre 2010
    Messages : 166
    Points : 138
    Points
    138
    Par défaut
    si tu as quelque chose comme:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <form>
    Nom:
    <input id= 'nom' name="nom" type='text'  style='width:100px'>
    Prénom:
    <input id= 'prenom' name=prenom type='text'  style='width:100px'>
    <center><input id= 'reset' type='reset' name='reset' value='Annuler' style='width:100px'></center>";
    </form>

    normalement, un click sur Annuler va effacer les données nom et prénom.

  4. #4
    Nouveau membre du Club
    Femme Profil pro
    Technicien réseau
    Inscrit en
    Octobre 2014
    Messages
    108
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Doubs (Franche Comté)

    Informations professionnelles :
    Activité : Technicien réseau
    Secteur : Santé

    Informations forums :
    Inscription : Octobre 2014
    Messages : 108
    Points : 30
    Points
    30
    Par défaut
    Bonjour à tous,
    Désolée de mon retard mais je n'était pas disponible la semaine dernière,
    Pour le bouton reset j'ai essayer de le mettre dans mon <FORM> mais vue que j'ai déja un bouton submit a l'interieur du form j'ai l'impression qu'il ne veut pas me le prendre en compte.

    Pour répondre a ta question SylvainPV mon ; est utile car j'ai montrer qu'un bout de mon code, tout mon code html et passé en php est donc sous la forme :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    echo "	<input id= 'reset' type='reset' name='reset' value='Reinitialiser' style='width:100px'>";
    Merci d'avance,
    Cahuet =)

  5. #5
    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 638
    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 638
    Points : 66 667
    Points
    66 667
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Nouveau membre du Club
    Femme Profil pro
    Technicien réseau
    Inscrit en
    Octobre 2014
    Messages
    108
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Doubs (Franche Comté)

    Informations professionnelles :
    Activité : Technicien réseau
    Secteur : Santé

    Informations forums :
    Inscription : Octobre 2014
    Messages : 108
    Points : 30
    Points
    30
    Par défaut
    Bonjour SpaceFrog,

    Oui je suis d'accord cela fonctionne avec votre code, mais avec le mien cela ne fonctionne pas et je ne comprend pas pourquoi, le bouton reset dans le même form ne fais absolument rien ...

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

Discussions similaires

  1. Fonction pour vider les champs d'un formulaire
    Par Tibimac dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 04/06/2010, 09h05
  2. Vider les champs d'un formulaire
    Par baggie dans le forum Langage
    Réponses: 27
    Dernier message: 24/11/2009, 16h03
  3. vider les champs d'un formulaire après validation
    Par WomanPSG76 dans le forum VBA Access
    Réponses: 7
    Dernier message: 31/08/2007, 12h25
  4. Vider les champs d'un formulaire après validation
    Par HwRZxLc4 dans le forum Langage
    Réponses: 15
    Dernier message: 21/03/2007, 11h29
  5. Vider les champs d'un formulaire une fois ce dernier validé
    Par Silveur dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 07/03/2007, 08h58

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