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 :

Reset un formulaire entier : reset() fonctionne ?


Sujet :

JavaScript

  1. #1
    Membre émérite
    Avatar de mavina
    Homme Profil pro
    Développeur Java
    Inscrit en
    Octobre 2004
    Messages
    1 812
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : Chine

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Conseil

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 812
    Points : 2 411
    Points
    2 411
    Par défaut Reset un formulaire entier : reset() fonctionne ?
    Bonjour,

    Actuellement, je suis confronté à un problème qui me turlupine un peu : la fonction form.reset() ne fonctionne pas.

    voici mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function r(formid,message)
    {
    	if (confirm(message)) 
    	{
    		document.forms[formid].reset();
    	}
    }
    que j'appelle tout simplement dans mon formulaire ainsi :
    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
     
    <form name="aaa" id="aaa" action="/achanger.jsp" method="post">
    	<table width="800" border="0" cellspacing="0" cellpadding="0">
    		<tr>
    			<td align="right">Company name :&nbsp;</td><td align="left"><INPUT size="30" name="name" id="name"></td>
    			<td align="right">Company japanese name :&nbsp;</td><td align="left"><INPUT size="30" name="japname" id="japname"></td>
    		</tr>
    		<tr>
    			<td align="right">Company address 1 :&nbsp;</td><td align="left"><TEXTAREA rows="3" cols="30" name="address1" id="address1"></TEXTAREA></td>
    			<td align="right">Company address 2 :&nbsp;</td><td align="left"><TEXTAREA rows="3" cols="30" name="address2" id="address2"></TEXTAREA></td>
    		</tr>
    		<tr>
    		</tr>
    			<td>&nbsp</td>
    		<tr>
    			<td/><td align="right"><INPUT TYPE="button" NAME="reset" VALUE="reset" onclick="javascript:r('aaa','êtes vous sur ?')">&nbsp;</td><td align="left">&nbsp;<input type="submit" name="submit" value="submit"></td><td/>
    		</tr>
    	</table>
    </form>
    Mon but étant bien évidemment de demander une confirmation avant de reset le formulaire, un clic malencontreux étant rapidement arrivé...

    J'ai aussi essayé avec document.forms[0].reset(); ainsi que document.getElementById[formid].reset(); mais rien n'y fait, le code s'obstine à ne pas vouloir faire ce que je veux

    Aurai-je raté quelque chose ?

    Merci

    Fred

  2. #2
    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
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Essaye avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <INPUT TYPE="reset" NAME="reset" VALUE="reset" onclick="return confirm('êtes vous sur ?')">

  3. #3
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Salut ,
    je crois que tu compliques un peu
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <INPUT TYPE="reset" NAME="reset" VALUE="reset" onclick="return window.confirm('Vraiment ??');">
    EDIT : Arf !! Encore et toujours grillé par Bov

    A+

  4. #4
    Membre émérite
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Points : 2 814
    Points
    2 814
    Par défaut
    document.forms[formName].reset();
    document.getElementById(formid).reset();
    j'ai des doutes sur les noms...

  5. #5
    Membre émérite
    Avatar de mavina
    Homme Profil pro
    Développeur Java
    Inscrit en
    Octobre 2004
    Messages
    1 812
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : Chine

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Conseil

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 812
    Points : 2 411
    Points
    2 411
    Par défaut
    Ca roule merci beaucoup

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

Discussions similaires

  1. [ZF 1.11] Reset dans viewHelper URL ne fonctionne pas
    Par beejeridou dans le forum Autres composants
    Réponses: 1
    Dernier message: 01/07/2011, 13h47
  2. Reset du formulaire côté client
    Par marinew dans le forum JSF
    Réponses: 2
    Dernier message: 03/10/2007, 12h28
  3. [Formulaire] Bouton reset
    Par Linaa dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 03/09/2007, 23h29
  4. Formulaire de reset mot de passe et CAPTCHA
    Par kh-san dans le forum Langage
    Réponses: 2
    Dernier message: 20/08/2007, 21h46
  5. Retour arrière (back) + reset des formulaires
    Par Bicnic dans le forum Général JavaScript
    Réponses: 29
    Dernier message: 03/04/2006, 09h43

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