1

Existe a possibilidade de limpar o form ou os campos após a chamada sem o pressionamento de qualquer botão? No meu caso o usuário muda de menu e os dados continuam.

Menu de chamada: Menu

Pagina de conteúdo: Conteudo

3
  • Poderia explicar um pouco mais? Commented 30/06/2014 às 12:48
  • @RonnyAmarante a minha duvida é entrar na página e apagar os campos preenchidos (que no meu caso o usuário muda de menu e os dados continuam)
    – Isaias
    Commented 30/06/2014 às 12:51
  • Isso deve estar ocorrendo se você usa inputs com mesmo nome. Commented 7/07/2014 às 12:15

2 Respostas 2

1

Sim há, pode chamar o reset da form com

document.getElementById('minhaForm').reset();

O que este método faz é restaurar os valores originais da form.

Se a form for submetida via AJAX, ie sem recarregar a página, pode juntar esse código em cima dentro da função success do AJAX.

Se a página carrega de novo, então os campos já vem limpos.

Esemplo: http://jsfiddle.net/8PaG2/

4
  • Nesse caso eu utilizo document.getElementById('minhaForm').reset(); dentro da <form>?
    – Isaias
    Commented 30/06/2014 às 12:53
  • @Isaias, você refere que muda de menu. Que código usa para essa mudança?
    – Sergio
    Commented 30/06/2014 às 12:58
  • eu utilizo um menu com abas, e o problema é que quando abro a "aba principal" ele abre todos os outros e não fecha nenhum na mudança! obs* na aba principal que chama os dados!
    – Isaias
    Commented 30/06/2014 às 13:07
  • @Isaias, pode colocar o seu código num jsFiddle (jsfiddle.net) ou editar a pergunta e colocar lá? Assim vai ter ajuda para resolver esse problema também.
    – Sergio
    Commented 30/06/2014 às 13:11
1

Pelo que dá para analisar nos JSFiddle na tua pergunta, os formulários referentes a cada aba encontram-se dentro de uma iframe. Assim sendo, deverás na função que cuida da alteração de aba, aplicar o seguinte código:

// localizar a iFrame
var minhaFrame = document.getElementById( iframeID );

// localizar o conteudo da iframe
var minhaFrameDoc = minhaFrame.contentDocument || minhaFrame.contentWindow.document;

// localizar o formulário dentro da iframe pelo ID do formulario
var meuFormulario = minhaFrameDoc.getElementById( formID );

// repor formulário a vazio conforme resposta do @Sergio
meuFormulario.reset();

A tua função Alter() ficará:

function Alter(menu,conteudo)
{
  for (i=0;i<arAbas.length;i++)
  {
   m = document.getElementById(arAbas[i].menu);
   m.className = 'menu';
   c = document.getElementById(arAbas[i].conteudo)
   c.style.display = 'none';
  }
  m = document.getElementById(menu)
  m.className = 'menu-sel';
  c = document.getElementById(conteudo)
  c.style.display = '';


  var minhaFrame = c.getElementById( iframeID );
  var minhaFrameDoc = minhaFrame.contentDocument || minhaFrame.contentWindow.document;
  var meuFormulario = minhaFrameDoc.getElementById( formID );

  // repor formulário a vazio conforme resposta do @Sergio
  meuFormulario.reset();
}

Para que isto funcione, deverás ter um id único em cada iframe bem como um id único em cada formulário:

Iframe

<table border="0" width="50%">
  <tr>
    <td>
      <iframe id="iframeID" style="border-radius:20px;"  scrolling="no" src="../sai_cada_usua/sai_frm_incl_usua.php" width="830" height="310" >
      </iframe>
    </td>
  </tr>
</table>

Formulário

<form name="sai_frm_incl_usua1" id="formID" action="sai_incl_usua" method="POST" autocomplete="off"  onsubmit="return f_veri_dados();">
  <!-- conteúdo do formulário -->
</form>

Desta forma, sempre que o utilizador clicar para mudar de aba, o formulário que vai ser apresentado será limpo via JavaScript, ficando assim sem nada preenchido nos campos do mesmo.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .