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
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
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/
document.getElementById('minhaForm').reset();
dentro da <form>
?
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.