HTML - Avertissement refresh

Résolu/Fermé
trebmal14 Messages postés 798 Date d'inscription dimanche 16 septembre 2007 Statut Membre Dernière intervention 7 novembre 2023 - 22 nov. 2021 à 17:45
trebmal14 Messages postés 798 Date d'inscription dimanche 16 septembre 2007 Statut Membre Dernière intervention 7 novembre 2023 - 22 nov. 2021 à 20:13
Bonjour,

Je viens de finaliser une page HTML dans laquelle j'ai une grande quantité de <input> que l'utilisateur doit renseigner.

Seulement s'il est en bas de page et qu'il veut remonter avant d'envoyer le formulaire il scroll vers le bas (pour remonter), ce qui a tendance sur tablette / mobile à faire un refresh qui a pour conséquence de tout effacer :(

Ma question est la suivante : est-il possible de faire un sorte que si l'utilisateur actualise par mégarde la page, qu'il reçoive un avertissement "êtes-vous certain..." qu'il puisse annuler pour éviter de perdre sa saisie ?

Merci d'avance pour votre aide précieuse.

Configuration: Chrome OS / Chrome 93.0.4577.85

A voir également:

2 réponses

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
22 nov. 2021 à 19:46
Bonjour,
Pour ça il faut se pencher sur le javascript ( j'ai déplacé ta question dans le bon forum)

Par exemple du côté de :
window.addEventListener('beforeunload', function (e) {
    e.preventDefault();
    alert('fermeture de la fenêtre ou refresh..');
    e.returnValue = '';
});

1
trebmal14 Messages postés 798 Date d'inscription dimanche 16 septembre 2007 Statut Membre Dernière intervention 7 novembre 2023 243
22 nov. 2021 à 20:13
Merci infiniment jordane45 !

Le message 'fermeture de la fenêtre ou refresh...' ne semble pas être pris en compte et Chrome affiche un autre message mais ce n'est rien du tout, l'essentiel est que le script fonctionne et les risques de perte de saisie est éradiqué !

merci encore mille fois :)
0