Save form Razor

Question

How can I make my form not to sumbit the same form several times. I’m having this problem because some users are clicking save several times, not waiting for the screen update, so it is saving several duplicate records.

I found some Jquery validations but none so far helped 100%. 1º I tried to disable the button when click save, but it stopped working in the case of there being a required field I could no longer validate to enable the Save button again.

Fiddle

$('form').submit(function(){
    $(this).find('button[type=submit]').prop('disabled', true);
    return true; // return false stops the from from actually submitting.. this is only for demo purposes
});

I don’t know what’s the best solution to this problem...

Answer 1

Hello,

Look there are several ways to treat this, I would recommend that a function be done in jquery that cleans your form by clicking the save button, but this would be efficient if the validation of your form is done all on the client side.

Another solution is to use a jquery plugin that does this, like this link here: https://stackoverflow.com/questions/2830542/prevent-double-submission-of-forms-in-jquery