发表新帖
发表新帖

How do I stop the Back and Refresh buttons from resubmitting my form?

后端 未结
关注
13 1171
时光说笑
时光说笑 2020-11-27 15:16

I am doing web development.

I have a page to do with credit card, which when user click \"refresh\" or \"Back\", the transaction will be performed one more time, wh

相关标签:
13条回答
  • 旧巷少年郎
    2020-11-27 15:29

    The simple fact that resubmitting the form generates a duplicate transaction is worrying. You should have some sort of check to ensure each submit of form data is unique.

    For example, the page which would submit the form should be given a unique ID that gets submitted with the form. The business logic should then be able to recognise that the form submitted has already been processed (as the (no longer) unique ID will be the same), so ignores the second attempt.

    The 'standard way' still doesn't stop clients from clicking the back button twice... or even going back and resubmitting the form if they don't think (for whatever reason) it has been processed.

    0 讨论(0)
  • 渐次进展
    2020-11-27 15:31

    You shouldn't try to "block" these actions. What you should do is make sure that nothing happends when someone "double submits" the form.

    0 讨论(0)
  • 日久生厌
    2020-11-27 15:31

    and in some browser you can´t even do that, and this is good!

    0 讨论(0)
  • [愿得一人]
    2020-11-27 15:32

    I found the above Post/Redirect/Get explanations a little ambiguous

    Here's what I followed and hopefully it helps someone in the future

    http://wordsideasandthings.blogspot.ca/2013/04/post-redirect-get-pattern-in-php.html

    Essentially the process based on the above solution is:

    1. Submit from the FORM page to the processing page (or to itself)
    2. Handle database or payment processing etc
    3. If required, store user feedback message in a session variable, possible error messages etc
    4. Perform header redirect to results page (or to original form page). If required, display custom message from processing page. Such as "Error Credit Card payment was rejected", and reset session variables.

    Redirect with something like:

    header("HTTP/1.1 303 See Other");
header("Location: http://$_SERVER[HTTP_HOST]/yourfilehere.php");
die();

    The header redirect will initiate a GET request on "yourfilehere.php", because a redirect is simply that, a "request" to fetch data FROM the server, NOT a POST which submits data TO the server. Thus, the redirect/GET prevents any further DB/payments processing occurring after a refresh. The 301 error status will help with back button pressing.

    Helpful Reading:

    1. http://en.wikipedia.org/wiki/URL_redirection#HTTP_status_codes_3xx
    2. http://www.theserverside.com/news/1365146/Redirect-After-Post
    3. http://wordsideasandthings.blogspot.ca/2013/04/post-redirect-get-pattern-in-php.html
    4. https://en.wikipedia.org/wiki/HTTP#Request_methods
    5. http://en.wikipedia.org/wiki/Post/Redirect/Get
    0 讨论(0)
  • 借酒劲吻你
    2020-11-27 15:32

    Just put this javascript on the html section of aspx page above head section 

    <script type = "text/javascript" >
function disableBackButton()
{
window.history.forward();
}
setTimeout("disableBackButton()", 0);
</script>

    We need to put it on the html section of the page which we want to prevent user to visit by hitting the back button

    Complete code of the page looks like this

    <%@ Page Language="C#" AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type = "text/javascript" >
function disableBackButton()
{
window.history.forward();
}
setTimeout("disableBackButton()", 0);
</script>
</head>
<body onload="disableBackButton()">
<form id="form1" runat="server">
<div>
This is First page <br />
<br />
Go to Second page
<br />
<br />
<asp:LinkButton ID="LinkButton1" runat="server"
PostBackUrl="~/Default2.aspx">Go to Second Page
</asp:LinkButton></div>
</form>
</body>
</html>

    If you are using firefox then use instead of onload

    If you want to disable back button using code behind of aspx page,than you need to write below mentioned code C# code behind 

    protected override void OnPreRender(EventArgs e)
{
base.OnPreRender(e);
string strDisAbleBackButton;
strDisAbleBackButton = "<script language="javascript">\n";
strDisAbleBackButton += "window.history.forward(1);\n";
strDisAbleBackButton += "\n</script>";
ClientScript.RegisterClientScriptBlock(this.Page.GetType(), "clientScript", strDisAbleBackButton);
}

    We can also achieve this by disabling browser caching or cache by writing this line of code either in Page_load event or in Page_Init event

    protected void Page_Init(object Sender, EventArgs e)
{
Response.Cache.SetCacheability(HttpCacheability.NoCache);
Response.Cache.SetExpires(DateTime.Now.AddSeconds(-1));
Response.Cache.SetNoStore();
}

    Doing this,user will get the page has expired message when hitting back button of browser

    Demo is :

    enter image description here

    0 讨论(0)
  • 野趣味
    2020-11-27 15:38

    This breaks the basic browser user experience model...users should always be able to use the Refresh and Back buttons in their browser. Recommend that you fix your page another way.

    If you update your question to include the server language/platform/technology that you are using then someone might be able to suggest a solution.

    0 讨论(0)
 看不清?
提交回复
热议问题