Discussion :

[Danyel]

Salut all,
J'ai un problème avec un formulaire (qui fonctionne très bien) lorsque après validation de celui-ci, l'utilisateur clique sur 'Retour en Arrière' dans son navigateur.
Je voudrais que toutes les zones du formulaire soient vierges et sans qu'il y ai des données de l'ancienne validation.
Vous avez des solutions ou idées ?
Merci pour votre aide.

[armel18]

Bonjour,

soit tu peux faire une redirection vers un script ou sur le script( traitant le formulaire) lui-même:

Code :

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

1
2
3
 
header('Location: success.php');
exit();

soit vider le tableau $_POST après le submit

Code :

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

1
2
 
$_POST = [];

[Danyel]

Ca ne fonctionne pas pour les 2.
Je pense que le probleme est que le navigateur a les donnees dans son cache et les ramenent dans les zones.

[Danyel]

J'ai rajoute dans le header

Code html :

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

1
2
3
4
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate, max-age=0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="Expires" content="0" />

mais toujours pareil ...

[armel18]

si le problème se situe au niveau du navigateur, il va falloir vider le formulaire avec du JavaScript à la soumission du formulaire(ou au click du bouton submit).

Code :

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

1
2
3
4
5
6
7
 
const btn=document.querySelector('input[type=submit]');
 
 btn.addEventListener('click',e=>{
    let form = document.querySelector('form');
    form.reset(); 
 })

Sauf que si t'as une validation côté serveur, en cas d'erreurs les données saisies par l'Internaute seront perdues. donc autant faire aussi une validation côté JS pour ne pas avoir à déclencher la validation côté serveur.

[Danyel]

Validation et gestion cote serveur obligaoire. donc pas glop
Je comprends pas pourquoi meme en stipulant de pas 'cacher' la page et les donnees, ils (les navigateurs) affichent quand meme les donnees transmises ...

[Danyel]

J'ai trouve une solution en JS

Code javascript :

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

document.getElementById("form").reset();