Como mostrar uma div após acionar Submit

[andradekarem]

Boa tarde Galera!

Como faço para mostrar uma div após dar submit no form? Acontece que a div aparece mas some após segundos, ou seja, o submit atualiza a pagina e a div volta a ficar oculta.

 

Obs: no código abaixo, "periodo" é o id do meu select, eu exibo a div quando o usuario seleciona option de value "Mensal".

Seguem os meus códigos:

.jsp

<input type="button" class="btn btn-primary" name="filtrar"	value="Filtrar" onclick="validarCampoVazio()" />

<div id="Mensal" style="display: none;">
    //resultados esperados
</div>

.js

function validarCampoVazio() {
// validações do formulario

// se estiver tudo Ok...
    document.relatorio.submit();
    exibirDiv();

}

function exibirDiv() {
	var periodo = $("#periodo").val();
	if (periodo == "Mensal") {
		document.getElementById("Mensal").style.display = "block";
	}
}

 

[wootzor]

A única forma que estou a ver para resolver o problema será fazer o envio do formulário através de AJAX.

Estás a usar jQuery na tua página? A forma como atribuis valor à variável periodo sugere que sim, no entanto estás a misturar JavaScript nativo com jQuery, se for o caso.

Com jQuery, há uma forma relativamente simples de fazer o que pretendes.