Exibir/Ocultar div após o envio do formulário

[Diegonaweb 0]

Boa tarde pessoal,

estou com um probleminha, creio que é "fácil" de se resolver, mais to quebrando a cabeça.

 

Seguinte, tenho a div#form e o seguinte formulário:

 

<div id="form">
<form method="post" action="enviar.php" onsubmit="return enviardados();">

<input type="text" id="name" name="name"/>

<input name="email" type="text" id="email" />

<textarea name="message" cols="60" rows="5" id="message"></textarea>

<input id="submit" name="submit" type="submit" value="Enviar" />

</form>
</div>

 

 

e Tenho uma div oculta ( div#sucess ), a qual quero que seja exibida após a validação e envio do formulário:

 

<div id="sucess" style="display: none;"><p>SUA MENSAGEM FOI ENVIADA</p></div>

 

 

e a seguinte função onde os dados são validados:

 

<script language="JavaScript" >
function enviardados(){

if(document.dados.name.value=="" || document.dados.name.value.length < 8)
{
alert( "O campo Nome deve conter pelo menos 8 caracteres!" );
document.dados.name.focus();
return false;
}


if( document.dados.email.value=="" || document.dados.email.value.indexOf('@')==-1 || document.dados.email.value.indexOf('.')==-1 )
{
alert( "Preencha campo E-mail corretamente!" );
document.dados.email.focus();
return false;
}

if (document.dados.message.value=="")
{
alert( "Você não pode enviar uma mensagem em branco!" );
document.dados.message.focus();
return false;
}

if (document.dados.message.value.length < 20 )
{
alert( "Sua Mensagem deve conter pelo menos 20 caracteres!" );
document.dados.message.focus();
return false;
} 
return true;
}
</script>

 

 

e tenho uma outra página, enviar.php responsável pelo envio do e-mail. (creio que nao será necessária o uso dela aqui)

 

Então, meu problema é o seguinte, estou querendo por uma função junto com a function enviardados() para que quando o formuário for enviado normalmente, exibir a div oculta ( div#sucess ) e ocultar a div#form.

Tentei de várias formas mais em nenhuma delas obtive sucesso.

Gostaria da ajuda de voces.

Desde já, grato.

[William Bruno 1501]

sugiro fazer com php:

 

<?php if( isset( $_GET['erro'] ) ){ ?>
<div id="sucess"><p>SUA MENSAGEM FOI ENVIADA</p></div>
<?php } ?>

 

e então, na volta, você faz o php enviar esse parametro ?erro

[Diegonaweb 0]

Obrigado pela ajuda Bruno, mais não funciona exatamente como eu preciso.

[William Bruno 1501]

E como é que você precisa que seja ?

 

se você não explicar fica difícil ajudar. Até onde li da sua dúvida, a minha sugestão resolve.