asp.net core prevent user from re-submitting data

Question

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?

Sachin Singh · 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 Vasile · Answer

I got the idea, is not working but I will try to fix it

Sachin Singh · Answer

​ 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 Vasile · Answer

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 Singh · Answer

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.

Marius Vasile · Answer

I fixed it by submitting the form before clearing it. I think is the safest approach $( "#btnSubmit" ).click( function () { $( '#Form1' ).submit(); $( '#Form1' ).val( "" ); });

Marius Vasile · Answer

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