How do you handle submitting a form only once?

Question

How do you handle submitting a form only once?

Navigation

#1 by (10 votes)

4

In a Method POST form, when I click the button twice it quickly executes the submission twice.

Solutions with javascript or with the spring framework.

javascript java spring spring-boot

asked by anonymous 14.09.2015 / 16:24

1 answer

How to solve the problem "The main method was not found" in a class in Java? Use of setters in the constructor

score 10 · Accepted Answer

Disable the button after the first click, because if the request delays the user will have the perception that the request was actually sent, and can not send another request.

$('form#id').submit( function( e ) {
  $( this ).children( 'input[type=submit]' ).attr( 'disabled', 'disabled' );
  e.preventDefault(); 
  return false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><formid="id">
  <input type="submit"/>
</form>