envoyer un formulaire vide

bonjour,

je veux lié une fonction "ajouter_formulaire_vide()" en javascript à un bouton "annuler".

dans ma page "nouveau_dossier.php", j'ai un formulaire "myForm" avec deux boutons "créer" et "annuler".

quand je clique sur le bouton "créer" , il me redirige vers une page "inserer.php" qui m'affiche un tableau contenant les valeurs entrées dans le "myForm".

Je veux qu'au clique sur le bouton "annuler", les éléments du formulaire soient vidés et qu'on me redirige ver la page "inserer.php" qui m'affichera un tableau vide. Donc, j'ai pensé lié une fonction javascript à ce bouton qui aura comme tache de vider tous les éléments du formulaire; mais je ne sais pas la syntaxe pour accéder aux éléments d'une form avec son id.


des idées SVP?

Bonsoir,

Un simple <input type="reset" value="annuler" /> dans le formulaire ferra l'affaire.

A+.

<input type="reset" value="annuler" />réinitialise le formulaire (valeurs au chargement de la page donc pas nécéssairement vide)

Code:

---

1 2 3 4 5 6 7 8

myForm = document.getElementById('aForm'); //boucle sur les inputs du form var controls = myForm.controls; for (var i=0, iLen=controls.length; i<iLen; i++) { //clear value controls[i].value = ''; } myForm.submit();

---

ce code est à prendre pour son principe et à adapter à ton besoin
si tu veux réinitialiser le formulaire et le soumetre tu fais

Code:

---

1 2 3

myForm = document.getElementById('aForm'); myForm.reset(); myForm.submit();

---

A+JYT

Pourquoi soumettre une formulaire vide? Un lien ne suffit pas?

Citation:

---

Envoyé par Amelie MOREAU

bonjour,
...
Je veux qu'au clique sur le bouton "annuler", les éléments du formulaire soient vidés et qu'on me redirige ver la page "inserer.php" qui m'affichera un tableau vide.
...

---

Je réponds à la question.
A+JYT

merci beaucoup pour vos idées,

j’essayais la proposition de sekaijin, pour le moment rien ne change.

Le bouton "annuler" devra t-il être de type "submit" ou "button"?

bouton

Code:

---

1 2 3 4 5 6

function foo() { myForm = document.getElementById('aForm'); myForm.reset(); myForm.submit(); return false; // on ne poursuit pas l'événement }

---

Code:

---

<button type="button" onclick="return foo();">Click Me!</button>

---

submit

Code:

---

1 2 3 4 5

function foo() { myForm = document.getElementById('aForm'); myForm.reset(); return true; // on poursuit l'événement l'action du bouton sera donc exécuté }

---

Code:

---

<button type="submit" onclick="return foo();">Click Me!</button>

---

A+JYT

Quel est l'objectif principal?