页面刷新后如何防止重复提交

Question

I have a 'contact us' html form and I'm giving gift for each member that click submit. I want to make sure that a user doesn't submit twice (with different name and email). I can disable the button after click, but what will be the best solution to prevent submit after page refresh? Thanks

Answer 1

Is to directly redirect from your POST to a GET request or page. if he/she refreshed it will refresh the other page. this is named Redirect After Post and you can read more about it here and in WikiPedia

An Example can be found here .

Answer 2

Two things that you can do and you should do.

1. First disable the Submit button as soon as your client submits the form with valid information in it. So that he/she accidently doesn't send duplicate information in the form.
2. Second, which is more important. Is before you save this information in your database whatever that is MySQL, MongoDB or etc. You perform a query that checks whether the information provided by the user exists in your db already or not. If not then proceed as you do but if it does you can do error handling on the use case scenario as per your business logic.

Answer 3

<script>
    if ( window.history.replaceState ) {
        window.history.replaceState( null, null, window.location.href );
    }
</script>

See https://stackoverflow.com/a/45656609/1066234