Discussion :

[Amelie MOREAU]

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?

[andry.aime]

Bonsoir,

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

A+.

[sekaijin]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

A+JYT

[andry.aime]

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

[sekaijin]

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

[Amelie MOREAU]

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"?

[sekaijin]

bouton

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

submit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

A+JYT

[andry.aime]

Quel est l'objectif principal?