admin管理员组

文章数量:1417406

I have a form which contains many drop-down and numeric slide-bar.

I am using post method to pass the selected variables to another page. Where I am getting the variables in the next page by $_POST() method.

And I am updating the variables passed into the database, after updation giving javascript pop-up as "you have saved successfully".

So my problem is when I click on browser back button, the values are getting updated in the database again and again. How can I prevent this by disabling browser back button.

I have a form which contains many drop-down and numeric slide-bar.

I am using post method to pass the selected variables to another page. Where I am getting the variables in the next page by $_POST() method.

And I am updating the variables passed into the database, after updation giving javascript pop-up as "you have saved successfully".

So my problem is when I click on browser back button, the values are getting updated in the database again and again. How can I prevent this by disabling browser back button.

  • javascript
  • php
Share Improve this question asked Jun 6, 2018 at 5:03 Prajna HegdePrajna Hegde 7405 gold badges13 silver badges31 bronze badges 2
  • You can disable browser back button check this: stackoverflow./questions/12381563/… – DsRaj Commented Jun 6, 2018 at 5:05
  • Possible duplicate of Restrict user to refresh and back,forward in any browser – Amogh Commented Jun 6, 2018 at 5:07
Add a ment  | 

4 Answers 4

Reset to default 1

You can have your post method open up a new tab so that there is no back navigation to go to:

<!DOCTYPE HTML>
<html>
<body>

<form action="www.google." method="post" target="_blank">
    <input type="submit">
</form>
</body>
</html>
<script src="https://ajax.googleapis./ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$('#theSubmit').on('click', function () {
    setTimeout(function(){
        window.close();                
    }, 500);               
})

</script>

The target generates the new window And if you would like to close the old window add the two scripts that close the previous tab 500ms after the new tab is opened.

Instead of disabling the back button, you could redirect the user if he gets back to the page using sessions.

page1.php

session_start();
if (isset($_SESSION['block'])) {
    header('Location: page2.php');
}

page2.php

session_start();
$_SESSION['block'] = true;

Another option:

This is how you could set values of all your input fields back, if the user clicks back:

page1.html

var block = localStorage.getItem("block");

window.addEventListener("beforeunload", function() {
    if (block === 1) {
        const block = true;
    }
});

if (block) {
    const inputs = document.getElementsByTagName('input');
    for (input of inputs) {
        input.value = '';
    }
}

page2.html

localStorage.setItem("block", 1);

In this case, if you don't want your values get updated in your database, use: 

if (!empty($_POST['my_value']) { // Add to database })

Don't disable the back button, fix the problem that the data is saved multiple times instead. You could use pass the users to a separate page with message "you have successfully...".

Then if the user tries to go back you look at $_SERVER['HTTP_REFERER'] if that is "successful.php" then don't save the data.

Disabling back buttons is a big reason for me to block a page so that I can't visit it again.
I truly hate when they do that or add several pages that you have to click back to get out of a page.

Whenever you post your data then you should check your post data that this is empty or not

<?php 
  if(isset($_POST) && !empty($_POST) ){

     //your code for update    
     //Then after run update query and  success message ,do empty the post
     $_POST=array(); // empty the post

  } 
?>

本文标签： javascriptHow to prevent a php page from browser back buttonStack Overflow

版权声明：本文标题：javascript - How to prevent a php page from browser back button? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745261393a2650371.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。