Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

panox

Limpando campos do formulario no OnClick

Por , em Javascript

Recommended Posts

panox    0

panox
Postado

Eu fiz uma função para limpar os campos de um formulario meu no onclick, mas ele só limpa de um dos forms, os outros continuam la, eu não sei se é pelo fato de estes outros 3 text fields que quero deletar são mostrados apenas em uma div, mas são criados em outra pagina..

 

essa é a minha função :

 

 

function resf(){
   document.form1.reset();
   document.barraf.cbarra.value = "";
   document.descf.cdesc.value = "";
   document.umf.cum.value = "";
   }

Ele só consegue deletar os objs do form1... alguém sabe o q posso fazer para deletar todos ?

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Cara... fiz aqui rapidinho e testei.. funcionou perfeito.. vê ai:

<script>
function apagaForm() {
	document.getElementById('form1').reset();
	document.getElementById('form2').reset();
	document.getElementById('form3').reset();
}
</script>
</head>
<body>
<form id="form1">
	<input type="text" />
</form>

<form id="form2">
	<input type="text" />
</form>

<form id="form3">
	<input type="text" />

	<input type="button" value="Aqui" onclick="apagaForm()" />
</form>
</body>
Qual era a tua dificuldade?

Compartilhar este post

Link para o post
Compartilhar em outros sites

panox    0

panox
Postado

Eu não sei :S ainda nao testei, só vou conseguir testar la pras 14.30h mas, eu tentei com

 

<script>
function apagaForm() {
document.form1.reset();
document.form2.reset();
document.form3.reset();
document.form4.reset();
}
</script>

mas só funcionou no form1. Nao sei se isso é porque os outros forms sao criados em paginas difrentes e apenas exibidos em DIVs mas de qualuqer jeito, vou testar com o GetElementById e te dou um retorno

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Cara... o importante é o HTML final gerado...

qndo você exibe o código fonte pelo navegador.. todos os forms estão ai?

 

Então deve funcionar sim... Javascript roda no cliente.. não importa como você gerou os forms.. se eles estão na página, qndo você qr apagar... já era.

Compartilhar este post

Link para o post
Compartilhar em outros sites

berkowitz    2

berkowitz
Postado

faz um teste... vê o que essa função retorna:

function apagaForm() {
alert(document.getElementsByTagName("FORM").length);
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

JunioR-CWB    0

JunioR-CWB
Postado

Se realmente existem dois forms, basta trabalhar com o array document.forms

 

Veja este exemplo:

 

<html>
<head>
<title>::</title>
<script>
window.onload  = function() {
	var btn = document.getElementsByTagName('button')[0];
	var arrForms = document.forms;

	btn.onclick = function() {
		for (var j=0,f;f = arrForms[j];j++) {
			f.reset();
		}
	}
}
</script>
</head>
<body>
<form>
<input type="text" name="text1form1" /><br />
<input type="text" name="text2form1" /><br />
</form>
<form>
<input type="text" name="textfo1rm2" /><br />
<input type="text" name="textfo2rm2" /><br />
</form>
<br />
<button>Clear forms</button>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito