[Resolvido] limpar caixa de formulario

[Rosicler 0]

Olá, preciso de um script para limpar as caixas de login e senha após feito o login, alguem sabe onde posso encontrar?

 

Att,

Rosicler

[Claudio Neto 3]

Apos fazer o login nao trocara de pagina?Se troca, porque precisa limpar?

 

Mas de qualquer forma, tente:

 

<script>
document.getElementById('senha') = '';
document.getElementById('usuario') = '';
</script>

<input type="text" name="usuario" id="usuario" />
<input type="password" name="senha" id="senha" />

Abc

[Maujor 144]

Correção:

<script type="text/javascript">
document.getElementById('senha').value = '';
document.getElementById('usuario').value = '';
</script>

[Rosicler 0]

Ele abre em uma blank e mantem a index aberta, dai fica aparecendo lá, gostaria que limpasse, tentei usar esse código não deu...

[Claudio Neto 3]

Entao você precisa criar um funcao que sera chamada no evento onsubmit do formulario. Nessa funcao você colocara aquele script para limpar as caixas.

 

Exemplo:

 

<script type="text/javascript">
function limpaCampos(){
document.getElementById('nome').value = '';
}
</script>

<form target="_blank" onsubmit="limpaCampos();">

<input type="text" name="nome" />
<input type="submit" name="enviar" />

</form>

[William Bruno 1501]

mas ai, se usar no onsubmit, não vai chegar nada no post do form.. pois você limpou.

[Rosicler 0]

o meu form está assim:

 

<form id="form1" name="form1" method="post" action="painel/login_aluno/loginAutentica.php" target="_blank">

 

<input name="login" type="text" class="login" id="login" size="20">

 

<input name="senha" type="text" class="login" id="senha" size="20">

 

qdo o login está correto abra uma página com as informações, mas não nada está fazendo as caixas limparem...

[Francis Schiavo 1]

Como você precisa enviar os dados não pode mesmo ser no onsubmit nem no onclick do botão, porém acredito que usando a função setTimeout você consiga o resultado desejado.

A função setTimeout cria um temporizador e executa a função passada como parâmetro após o tempo informado em milissegundos. Ex:

// Limpa os campos desejados
function LimparCampos(){
  document.getElementById('login').clear();
  document.getElementById('senha').clear();
}

// Agenda a limpeza dos campos para 1s após submeter o formulário
function AgendarLimpeza(){
  window.setInterval(LimparCampos, 1000);
}

E no botão submit fica:

  <input type="submit" onclick="javascript:AgendarLimpeza" />

[Maujor 144]

<script type="text/javascript">
function limpaCampos() {
setTimeout (function (){
	document.getElementById('login').value = '';
	document.getElementById('senha').value = '';
}, 100)
}
</script>

 

<form id="form1" name="form1" method="post" action="processa.php" target="_blank" onsubmit="limpaCampos()">

 

OPS! A resposta do Francis apareceu após o refresh na página. (O método clear() não funciona nesse caso)

[Claudio Neto 3]

Tem razão, limpará antes de passar.

 

Dá para limpar através da página que será aberta, e não na própria página usando:

window.opener.document.nome_do_form_na_outra_pagina.nome_do_campo_a_ser_limpado.value = '';

Monte uma função que contenha isso e use o evento onload no boody da página.

[Rosicler 0]

obrigado, deu certinho limpou depois de mostrar o conteúdo.

 

Att,

Rosicler