asp.net core prevent user from re-submitting data

Marius Vasile

I am using an asp.net core razor pages web app and I want to prevent using back button and re-submitting same data after a post. Is there a more simpler way than disabling the back button for a specific page or checking data against database?

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
Yes, ofcourse this an approach, but now you have just one control so it looked convinient otherwise below code is easier.
$(window).on('load', function () {
  $('#form_id').trigger("reset");
});
Marius Vasile5y ago
I fixed it by submitting the form before clearing it. I think is the safest approach
$("#btnSubmit").click(function () {
            $('#Form1').submit();
            $('#Form1').val("");
        });
Marius Vasile5y ago
I tried to take a different approach and clear the form on submit using
$("#btnSubmit").click(function () {
            $(this).closest('#NMNew').find("input[type=text], textarea").val("");
        });
but it clears form before submitting data
Marius Vasile5y ago
I got the idea, is not working but I will try to fix it
Sachin Singh5y ago
You are already doing return Page(), which means it will be redirected to the get request, and hence on form resubmission the browser itself will display a warning like do you want to resubmit the form.

If the default behaviour is not working then you will have to use javascript like clearing the form as shown below.
  $(window).load(function() {
         $('form').get(0).reset(); // or
$('#form_id').trigger("reset");

     });
Marius Vasile5y ago
Thank you Sachin, I am using Razor pages, no MCV, my post is similar with below example
public async Task OnPostAsync()
        {
            if (!ModelState.IsValid)
            {
                return Page();
            }
            ........post code........

            return Page();
        }
I only use a form with post method, no ajax and after submit, when a hit back button the data is still there. How do I clear it?
Sachin Singh5y ago
For an HTTP Post, the back button doesn't work anyway, if you are doing an ajax request then there is a possibility of form resubmission which you can handle by clearing the controls in the success method.