feedback após submit com jQuery

Para dar aquele look no seu form e até questão como de usabilidade eu vou dar uma dica aqui para vocês.

Sabe aqueles esquemas de você substituir o texto de um input type submit por outro? Ex: carregando…, enviando…, etc.

O problema

As vezes quando não fazemos as validações corretas no lado do servidor (ou não tem como fazer), damos ao usuário a possibilidade de fazer várias inserções no banco, gerando o que chamamos de lixo, no banco de dados.

Solução em jQuery

Substituir o botão por uma mensagem amigável.

Código:

$(function () {
	$('form').submit(function () { // Bom, isso é opcional: você pode substituir "form" pelo seleotr css de sua preferência(ex: ID ou class)
		$('input[type="submit"]', this).replaceWith('<p><strong>Enviando / salvando / sua msg...</strong></p>');
		//Como já falado anteriormente "'input[type="submit"]'" pode ser substituido pelo o que vc preferir
	});
});

Viu como é bem fácil. Não tem segredo.

OBS: Não esqueça de verificar se o jQuery está carregado

Demo

Beijo do #Nerd e até a próxima