resetar formulario apos envio.. usando JQuery

1,304 views
Skip to first unread message

Drika Santos

unread,
Jan 14, 2008, 1:52:58 PM1/14/08
to php-b...@googlegroups.com
Gente... não me xinguem!
Já vasculhei o Google atras dessa informação.. mas os exemplos que
achei não deram muito certo.

Alguem sabe como resetar o formulario após o envio?
Assim ó:

Eu tenho lá o formulário.. Quando a pessoa clica no Submit, ele chama
o arquivo que processa e envia, através do ajax do jquery....

Deu certo.. beleza! Mensagem enviada com sucesso.. tals...

Só que o formulário continua preenchido....

Eu queria, incluir nesse "onClick" que no caso é
$("#botao-submit).bind("submit", function() { bla bla bla } o
reset... Logo após o envio.....

Entenderam?

Abração galera.. e desde já agradeço pela ajuda que puderem me dar.

Dri


--
Desenvolvimento Web
Webstandard/ Tableless/ PHP/ MySQL
www.tecsite.com.br
MSN: tec...@hotmail.com
Skype: tecsite_suporte
GTalk/ GMail: tec...@gmail.com
[ Visite-me no Orkut:
http://www.orkut.com/Profile.aspx?uid=5165077431021385716 ]

----------------------------------
Felicidade, Saúde e Paz em 2008!

Rafael Kassner

unread,
Jan 14, 2008, 2:37:55 PM1/14/08
to php-b...@googlegroups.com
Após enviar os dados, usa a função getElementByName pra zerar o campo...

Exemplo:

<input type="text" name="email" size="25" />

Aí depois de enviado, coloca isso no script JS:

document.getElementByName("email").value = '';

Isso deixa o campo sem valor.

Se você usar ID no campo, usa por ID em vez de name.

Valeu!

Bruno Oliveira (Gmail)

unread,
Jan 14, 2008, 3:01:29 PM1/14/08
to php-b...@googlegroups.com
pra limpar todos os campos do form, vc pode fazer o seguinte:

document.seuFormulario.reset();

morreu!!

flw

Bruno Oliveira

--------------------------------------------------
From: "Rafael Kassner" <max...@gmail.com>
Sent: Monday, January 14, 2008 4:37 PM
To: <php-b...@googlegroups.com>
Subject: [PHP-Brasil] Re: resetar formulario apos envio.. usando JQuery

Drika Santos

unread,
Jan 14, 2008, 3:15:48 PM1/14/08
to php-b...@googlegroups.com
Obrigada pela ajuda pessoal...

Mas a solução que achei, em JQUERY .. foi assim:


$.fn.clearForm = function() {
return this.each(function() {
var type = this.type, tag = this.tagName.toLowerCase();
if (tag == 'form')
return $(':input',this).clearForm();
if (type == 'text' || type == 'password' || tag == 'textarea')
this.value = '';
else if (type == 'checkbox' || type == 'radio')
this.checked = false;
else if (tag == 'select')
this.selectedIndex = -1;
});
};


depois é só chamar assim:

$('#IDdoForm').clearForm();

É só jogar essa funçãozinha dentro do arquivo Jquery pra não precisar
ficar colocando ela sempre no script do formulario e pronto... ja era!
blz?


Fonte: http://www.learningjquery.com/2007/08/clearing-form-data

Beijokas

Drika


Em 14/01/08, Bruno Oliveira (Gmail)<brunno...@gmail.com> escreveu:

Reply all
Reply to author
Forward
0 new messages