Evitar enviar un formulario dos veces con jQuery

Uno de los problemas habituales con los formularios es que, si la conexión va lenta, el usuario puede hacer clic en el botón de enviar varias veces, con lo cual tendremos varios envíos del formulario en el servidor. Veamos cómo jQuery nos permite salvar este problema.

Con estas sencillas líneas de javascript usando jQuery podemos asegurarnos de que el usuario no envíe el formulario más de una vez:

$(function(){
	$('form').submit(function(){
		$(':submit').attr('disabled', 'disabled');
	})
});

Con esto lo que hacemos es añadir al evento “onsubmit” de todos los formularios de la página un código que selecciona todos los botones de tipo “submit” y les asigna la propiedad “disabled”, con lo cual no se podrán volver a clicar.
Si bien este código es muy práctico, lo prudente sería añadir las correspondientes comprobaciones de lado del servidor.