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 champs d'un formulaire


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    76
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2006
    Messages : 76
    Par défaut vider champs d'un formulaire
    Bonjour,
    qqun saurait-il comment vider facilement les champs d'un formulaire(input mis à blanc) lors de la soumission d'un formulaire
    j'ai essayé
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script> function reinit(document.forms['nom'].reset())</script
    je voudrais un équivalent du <html:reset>


    meric d'avance

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Salut,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    function reinit(NomForm)
    {document.forms[NomForm].reset();}

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    76
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2006
    Messages : 76
    Par défaut vider les champs d'un formulaire
    sorry j'ai mal copier coller mon code...l'écriture est correcte le problème c'est que ca ne fait rien. et que la fonction reset n'existe pas (info donnée par firebug)

  4. #4
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Je peut voir ton code html du formulaire.
    Tu peux tout simplement mettre un input reset
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="reset" value="Reset">

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    76
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2006
    Messages : 76
    Par défaut vider le champs dun formulaire
    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
    16
    17
    18
    19
    20
    21
    22
    23
    24
     
     <html:form action="/ajoutdevis" styleId="ajoutdevis"  onsubmit="reinitForm()">
             Numéro de devis : <html:text property="numdevis"/><br/><br/>
             date fin validité :<html:text property="datevalidite" styleClass="date-pick"/>
             <br/><br/>email destinataire : <html:text property="email"/><br/><br/>
             fournisseur:
     
              <c:if test="${!empty sessionScope.fournisseur}">
                  <html:select  property="fournisseur" size="2"><c:forEach var="item" items="${sessionScope.fournisseur}"><html:option value="${item.idFournisseur}"><c:out value="${item.nom}" /></html:option></c:forEach>
             </html:select>
             </c:if>
     
             <html:button property="ajouter" value="ajouter" onclick="verifChampsRemplis()"/>
     
            </html:form>
     
    ____script
     
    function reinitForm()
    {
        //document.forms['ajoutdevis']reset();
     
     
    }
    et lorsque je réouvre ma page il a gardé les informations entrées

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    76
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2006
    Messages : 76
    Par défaut vider les champs d'un formulaire
    voici la fonction javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    function reinitForm()
    {
        document.forms['ajoutdevis'].email.reset();
     
     
    }

  7. #7
    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
    Ton form ne semble pas avoir d'attribut name, donc tu ne pas y accéder avec le tableau forms comme ça. De plus, tu ne peux pas utiliser reset sur un champ, uniquement sur le formulaire lui-même.
    Tu peux passer par son id :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('ajoutdevis').reset();
    Ceci dit, il y a autre chose que je comprends mal :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onsubmit="reinitForm()"

    Tu veux réinitialiser le formulaire avant de le soumettre
    Ca sert à quoi ?
    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

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    76
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2006
    Messages : 76
    Par défaut vider les champs d'un formulaire
    j'ai le styleid qui me permet d'y accéder
    je cherche le moyen que une fois soumis si l'action renvoit sur la même page les champs soientt vidés.

  9. #9
    Membre Expert
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Par défaut
    c'est structs qui le fait! (serveur)
    Utilise des champs normaux si tu ne veux pas de struct!

  10. #10
    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
    Citation Envoyé par Bovino Voir le message
    tu ne peux pas utiliser reset sur un champ, uniquement sur le formulaire lui-même.
    Cependant, tu pourrais poster le code HTML généré, parce que
    j'ai le styleid qui me permet d'y accéder
    j'ai un sérieux doute...

    Ensuite
    je cherche le moyen que une fois soumis si l'action renvoit sur la même page les champs soientt vidés.
    toi, tu les vide AVANT qu'ils soient soumis...
    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

  11. #11
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    76
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2006
    Messages : 76
    Par défaut vider les champs d'un formulaire
    oui j'utilise struts...mais y a t il moyen de vider les champs?
    exemple j'ai mon formulaire remplit je le soumets avec une action qui forward vers la même page, je veux alors que les champs soient vides.

    qqun peut-il m'aider dans ce sens la?

  12. #12
    Membre Expert
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Par défaut
    -> voir le forum J2ee
    fais une recherche sur
    usebean setProperty

Discussions similaires

  1. Réponses: 3
    Dernier message: 24/04/2009, 20h24
  2. Vider des champs dans un formulaire
    Par Dark_^ dans le forum IHM
    Réponses: 3
    Dernier message: 23/10/2008, 14h05
  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