Limpando o form após submit via Ajax

Agora vou ensinar mostrar como se limpa o form após submeter o mesmo via Ajax.

Quando se faz um submit utilizando o Ajax do jQuery, o formulário continua preenchido, se o seu sistema/site não tiver um bom tratamento, o usuário poderá enviar mais uma vez o mesmo formulário e isso pode ser um problema.

Veja como é simples limpar os dados do formulário após o envio do mesmo:

$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);
    alert('Carregado!');
  },
  complete: {
    // limpa todos os campos do form
    $("#form").each(function(){ this.reset(); }); });
  }
});

A parte em negrito do código percorre todo o formulário, resetando todos os campos.

Viu como é simples e útil?!

Até a próxima!

Tweet

Pin It