Avertir l’utilisateur avant de quitter la page avec les modifications non enregistrées

Question

J’ai des formes très longs dans mon application, j’ai besoin de fixer la forme comme si certains un clic sur un lien ou cliquez sur le bouton de fermeture de navigateur qu’il doit être prompt à confirmer soit il a vraiment envie de quitter le formulaire avec les données non sauvegardées. Je vous écris mon code en PHP et HTML s’il vous plaît aident.

Answer 1

function closeEditorWarning(){
    return 'It looks like you have been editing something -- if you leave before submitting your changes will be lost.'
}

window.onbeforeunload = closeEditorWarning

Answer 2

Découvrez JavaScript événement onbeforeunload. JavaScript non standard introduit par Microsoft, mais il fonctionne dans la plupart des navigateurs et leur documentation onbeforeunload a plus d’informations et exemples.

Answer 3

Via jquery

Vous pouvez sérialiser du formulaire Google JQuery fonction, cela collecter toutes les entrées de formulaire et enregistrez-le dans le tableau. Je suppose que cette explication est assez  :)

Answer 4

Basé sur les réponses précédentes et bricolé à partir de divers endroits de débordement de pile, voici la solution, je suis venu avec qui gère le cas lorsque vous voulez Envoyez vos modifications :

Il est à noter que IE11 semble exiger que le retourne de ne pas afficher une alerte.

Answer 5

<pre><code></code><p>Window.onbeforeunload = unloadPage ;</p></pre>